在标签“li”中禁用鼠标

Question

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

我设法禁用了click事件，但是必须发生一个事件，即使鼠标也会消失，并且标记上会有任何操作。

像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

使用unbind方法：

<强>拆散：   删除附加到元素的处理程序：

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

Answer 3

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

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

使用 jQuery ，您可以删除已应用于prevent类

的任何项目的所有绑定

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

如果它提高了清晰度，您可以使用以下 CSS

为元素设置样式

.prevent {
    cursor:not-allowed;
}

jsFiddle