Jquery 移除 html中绑定的onClick事件

  HTML绑定示例

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

  

  需求:

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

 

  解决方案:

 

  1.失败方案:

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

 

  2.成功方案<更适用于非button标签>:

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

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

 

  3. button标签可用如下简便方式:

$(".edit").prop("disable",true);//使用disable属性就可以禁止click触发

 

 

参考资料:

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

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

posted @ 2016-11-01 12:28  孙猴子  阅读(29264)  评论(7编辑  收藏  举报