jQuery/HTML - 禁用 OnClick

Question

正如标题所说，我正在尝试禁用特定的 OnClick

<div id="test" style="display: block; opacity: 0.89;"></div>

这个 div 是从被混淆的外部脚本加载的，所以我看不到具体的代码。

我试图删除这个

$("#test").click(function(){ return false});
$("#test").unbind();
$("#test").removeAttr("onclick");
//Suggestions which do not work
$('#test').on('click', function(e) {e.preventDefault();return false;});
$("#test").click(function(event){
event.preventDefault();
});

以上都不起作用。

编辑：使用 .unbind("click"); 解决了我的问题；创建 div 之后。

Answer 1

你可以加off("click");

Fiddle

$(function () {
    $("#test").click(function(){alert('test');});
    $("#test").off('click');

});

此代码将演示删除以前添加的点击事件。

Answer 2

简单的形式，结合jquery和javascript。

// To disable:    

$('#test').each(function (){
    this.style.pointerEvents = 'none'; 
}); 

// To re-enable:
$('#test').each(function (){
    this.style.pointerEvents = 'auto'; 
}); 

因此，您可以更改多个标签的选择器

Answer 3

如果您在将 div 添加到页面之前使用它们，您尝试过的任何选项都不会起作用。因此请务必将您的代码放在创建 div 的其他脚本之后的某个位置.

如果多个元素具有相同的 id，这也是一个问题。

关于您尝试过的个别方法：

$("#test").click(function(){ return false});
$("#test").unbind();
$("#test").removeAttr("onclick");

第一行将向元素添加一个new单击处理程序，以防止默认行为并停止事件传播向上，，但它不会停止其他事件处理程序从运行中绑定到元素 - 特别是如果它们在您的新处理程序之前运行，显然。

第二行将删除使用 jQuery 附加的事件处理程序，但不会删除通过其他方式附加的处理程序。

第三行应该可以删除内联onclick 属性（如果存在），但不能删除使用 jQuery 添加的处理程序。

假设即使在将 div 添加到页面后确保代码运行后您仍然无法停止点击行为，您可以尝试以下操作：

var $test = $("#test").removeAttr("onclick"),
    $contents = $test.contents().detach();
$test.replaceWith($test.clone(false).append($contents));

演示：http://jsfiddle.net/A9tmu/3/

这里的想法是用自己的克隆替换元素，因为克隆版本（使用.clone(false) 创建时）不会保留事件处理程序。我在克隆之前暂时分离了 div 的内容，以便任何子元素都可以保留它们的事件处理程序。

Answer 4

$('#test').on('click', function(e) {e.preventDefault();return false;});

Answer 5

试试这个：

$("#test").click(function(event) {
    event.preventDefault();
});

Answer 6

试试这个？

$('#test').unbind('click')

或

   $( "#test" ).bind( "click", handler );
   $( "#test" ).unbind( "click", handler );

试试这个

$( "#test" ).on("click", function () {
  });
$("#test").off("click");

Answer 7

你可以将unbind点击事件变成click事件：

 $("#test").click(function(){
        $( "#test" ).unbind( "click");
        alert('Jquery/Javascript Event');
    });

Try JsFiddle