在SPAN元素上禁用设置属性不会阻止单击事件

Question

我有一个<span>元素可以在click事件上执行某些操作.

当我禁用它时,使用jQuery:

$("span").attr("disabled", true);

单击span元素时,将继续调用事件处理程序.

我在Chrome 13中测试.有什么想法吗？

Answer 1

试试这个:

$("span").css("pointer-events", "none");

你可以启用那些

$("span").css("pointer-events", "auto");

这个答案可以通过简单地使用css扩展到全局工作:`span [disabled] {pointer-events:none; }`.这样您就不必担心将指针事件重置为auto. (6认同)
或者你可以使用类似`.clicks-disabled {pointer-events:none}`这样的类.现在,您可以在需要时轻松添加或删除此类,而不是将CSS与JS混合. (3认同)
不幸的是，在创建禁用按钮/提交的效果时，`pointer-events:none` 不允许为用户分配正确的光标，`cursor: not-allowed`。 (2认同)

Answer 2

该disabled属性不是全局的,只允许在表单控件上使用.您可以做的是设置自定义数据属性(可能data-disabled)并在处理click事件时检查该属性.

Answer 3

disabled属性的标准行为仅适用于表单元素.尝试取消绑定事件:

$("span").unbind("click");

Answer 4

尝试取消绑定事件.

$("span").click(function(){
alert($(this).text());
    $("span").not($(this)).unbind('click');
});