javascript - 在标签“li”中禁用鼠标

Question

我怀疑如何禁用鼠标悬停在这样的标签“li”中的图像上。

我设法禁用了单击事件，但是即使是鼠标也会消失并且对标签有任何操作的事件是必要的。

就像一个java禁用。

仅在 jquery 或 javascript 中。

坦克的。

禁用点击：

$("#btnEmpresarial").removeAttr('onclick');

Answer 1

如果你想隐藏鼠标光标，你总是可以通过这种方式使用 CSS 属性光标：

cursor: 'none';

现场演示：http: //jsfiddle.net/FhCLP/

---

如果您还想禁用任何点击，您可以通过这种方式使用 jQuery：

$('#element').click(e){
    e.preventDefault();
});

现场演示：http: //jsfiddle.net/FhCLP/1/

---

此外，正如@KyleMit 所指出的，cursor:not-allowed;如果您想显示另一个光标以指定光标的not-allowed状态，您甚至可以添加该属性。

现场演示：http: //jsfiddle.net/FhCLP/2/

Answer 2

使用解绑方法：

取消绑定： 移除附加到元素的处理程序：

$( "#img li").unbind( "hover" );

Answer 3

如果您已将事件附加到该项目，e.preventDefault则不会工作，因为您没有停止默认操作。我想你想做的是打电话.unbind()。假设您li为以下HTML中的所有元素附加了事件处理程序，但您不想在第二个项目上触发任何事件。

<ul >
    <li>Enabled</li>
    <li class="prevent">Disabled</li>
</ul>

使用jQuery，您可以删除已应用于prevent该类的任何项目的任何绑定

 $('.prevent').unbind();

如果它提高了清晰度，您可以使用以下CSS设置元素样式

.prevent {
    cursor:not-allowed;
}

jsFiddle