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

时间: 2024-08-18 23:52:52

Jquery 移除 html中绑定的onClick事件的相关文章

Android中四种OnClick事件的写法

package com.example.dailphone; import android.support.v7.app.ActionBarActivity; import android.support.v7.app.ActionBar; import android.support.v4.app.Fragment; import android.text.TextUtils; import android.content.Intent; import android.net.Uri; imp

Android中onTouch与onClick事件的关系

这几天遇到点关于Android的触摸事件相关的,还跟onClick有关,暂且记下: LinearLayout分别设置了onTouchListener,onClickListener,onLongClickListener及onTouchEvent回调 1.在屏幕上触摸之后基本的执行流程如下: onTouch,action=0onTouchEvent,action=0onTouch,action=2onTouchEvent,action=2onTouch,action=2onTouchEvent,

TR 绑定的 onclick 事件,如何排除其中一些 TD 对onclick 事件的绑定

<table id="tb"> <tr> <td>1111111</td> <td>1111111</td> <td>1111111</td> <td>1111111</td> <td>1111111</td> <td>1111111</td> </tr> </table> </body&g

jQuery为多个元素绑定相同的事件

方式一: // 假设$("#div1", "#divN")有多个对象$("#div1", "#divN").each(function() {    $(this).bind("click", function() {        // 处理逻辑    });}); 方式二: $("#div1", "#divN").bind("click", f

jQuery中bind函数绑定多个事件

名人名言:道德是真理之花.——雨果 在jQuery中绑定多个事件名称是,使用空格隔开,举例如下: $("#foo").bind("mouseenter mouseleave", function() { $(this).toggleClass("entered"); }); 在1.4版本以后,也可以如下绑定 $("#foo").bind({ click: function() { // do something on clic

jQuery的三种bind/One/Live/On事件绑定使用方法

本篇文章介绍了,关于jQuery新的事件绑定机制on()的使用技巧.需要的朋友参考下 今天浏览jQuery的deprecated列表,发现live()和die()在里面了,赶紧看了一下,发现从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定.因为在此之前有bind(), live(), delegate()等方法来处理事件绑定,jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法. on(eve

jquery移除onclick绑定重新绑定别的函数来执行onclick事件

本文分享了使用jquery移除前面通过onclick绑定的元素的事件,然后重新绑定别的函数来执行onclick事件. 解决方案:· 1.失败方案: $(".edit").removeAttr("onclick");//网上有些资料说jquery1.6+可以使用,但我试过不可以 2.成功方案<更适用于非button标签>: //亲测可用 $(".edit").prop("onclick",null).off(&quo

jQuery中绑定事件bind() on() live() one()的异同

jQuery中绑定事件的四种方法,他们可以同时绑定一个或多个事件 bind()-------------------------版本号小于3.0(在Jquery3.0中已经移除,相应unbind()也移除) live()--------------------------版本号小于1.7(在Jquery1.7中已经移除,相应die()也移除) delegate()-------------------版本号小于1.7(在Jquery1.7中已经移除) on()------------------

给网页中的元素添加onclick事件(引自锋利的jQuery)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="generator" content="editplus" /> <title>给网页中的元素添加onclick事件</p></title> <script src="jquery-1.7.1