Jquery 移除 html中绑定的onClick事件

Posted 孙猴子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery 移除 html中绑定的onClick事件相关的知识,希望对你有一定的参考价值。

  HTML绑定示例

<button class="edit" onClick="showTurnEdit(this)">编辑</button>

  

  需求:

  在点击触发submit方法后,触发移除掉 .edit 中的onClick事件;

 

  解决方案:

 

  1.失败方案:

$(".edit").removeAttr("onclick");//网上有些资料说jquery1.6+可以使用,但我试过不可以

 

  2.成功方案:

//亲测可用
$(".edit").prop("onclick",null).off("click");//jQuery1.7+

$(".edit").attr(‘onclick‘,‘‘).unbind(‘click‘);//jQuery-1.7

 

 

参考资料:

1. http://www.w3schools.com/jquery/event_off.asp

2.http://stackoverflow.com/questions/1687790/how-to-remove-onclick-with-jquery

以上是关于Jquery 移除 html中绑定的onClick事件的主要内容,如果未能解决你的问题,请参考以下文章

js添加与移除事件

Jquery绑定事件

js拼接html如何让onclick生效

JQuery事件的绑定

用jq添加或移除div

jquery append脚本增加的html onclick时间无法生效的原因以及解决方案