怎样才能使我的元素对Vimium可点击？

Question

我在火狐和Chrome上使用Vimium，它对我的https://github.com/philc/vimium帮助很大

我注意到可以点击一些div，我发现class='demo-button'就是其中之一。

<div class='demo-button'>demo-button</div>
<div class='demobutton'>demobutton</div>
<div class='demobuttonnn'>demobuttonn</div>
<div class='demobutto'>demobutto</div>

以下是Vimium链接https://jsfiddle.net/qnvujfs6/的屏幕截图

​

​

如您所见，只有最后一个div demobutto不能使用Vimium单击。我试图搜索demo-button或demobutton的Vimium源代码，但没有结果。

有人知道为什么这个演示按钮div-s有区别吗？

我希望能够使用引导插件点击一些生成的元素，例如自举托格。下面是两个切换的代码，但是只有第二个可以单击，因为它包含demo-button类。

https://codepen.io/duleorlovic/pen/VqWaEg

​

​

Answer 1

前三个是可点击的，因为class属性包含单词“见来源”(见来源)。

出于可用性的考虑，它倾向于简单地使用用于完成该工作的元素。例如，锚(<a>)和按钮(<button>)。

但是，如果这是不可能的(这里似乎就是这样)，您也可以将role属性添加到元素中。具有以下值之一的属性role的元素也将被认为是可单击的：

• 按钮
• 制表符
• 链接
• 复选框
• 菜单项目
• 菜单复选框
• 脑膜无线电

(来源)

因此，如果div元素表示复选框，则代码如下所示：

​

<div class="demo-button" role="checkbox">demo-button</div>
<div class="demobutton" role="checkbox">demobutton</div>
<div class="demobuttonnn" role="checkbox">demobuttonn</div>
<div class="demobutto" role="checkbox">demobutto</div>

​

在这种情况下，您不依赖于特定的类名的扩展被认为是“不可靠的”。