`
老竹枝
  • 浏览: 80982 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jquery解绑绑定onclick事件

阅读更多

背景

一套老代码,页面使用taglib生成的,里面生成绑定是某些操作事件,并且是整个系统都按同一种方式处理。现在改造该系统,需要取消原来的操作换上新的事件。

实现

直接在本地写新的JS函数,并且使用

$("#button").unbind("click");
$("#button").bind("click",function(){});

绑定新的js函数,并且解绑原来的JS事件处理函数。

测试发现原有函数依旧会被执行。查找后发现原来函数是直接在DOM上写的 onclick="test()"方式实现,仅通过unbind是不能解绑这种类型的事件,需要移除onclick属性实现。增加以下代码,测试原有函数已经不会再被执行。

$("#button").removeAttr('onclick');

 

分享到:
评论

相关推荐

    jQuery事件多次绑定与解绑问题实例分析

    如果使用`.off("click")`或`.unbind("click")`,则会解绑所有通过jQuery绑定的`click`事件处理函数,但HTML属性`onclick`设置的`add1`仍然会执行。 总结: - jQuery允许同一元素的同一事件被多次绑定,每次绑定的...

    [jQuery入门到精通]第5章:事件与事件对象[收集].pdf

    相比直接通过`onclick`属性设置,jQuery的`.on()`方法允许同时绑定多个事件处理函数,并支持事件委托,即在一个父元素上监听事件,根据事件源来决定执行哪个子元素的处理函数。 事件委托在处理动态添加的元素时尤其...

    jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构

    例如,jQuery的`on()`和`off()`方法,它们为事件的绑定和解绑提供了非常简洁和直观的语法。jQuery的事件系统还支持事件委托、事件队列处理、自定义事件等高级功能。 理解了这种事件体系结构,我们就能够更深入地...

    javascript/jquery实现点击触发事件的方法分析

    1. 方案一:原生JavaScript onclick事件 这是最基础的点击事件处理方式,通过在HTML元素上直接设置`onclick`属性或者在JavaScript中获取元素并为其添加事件监听器。示例代码中使用了函数封装,确保在DOM加载完成后...

    关于动态生成dom绑定事件失效的原因及解决方法

    在传统的JavaScript事件绑定方法中,如果直接使用jquery的bind方法绑定事件,这种方法只对当前已经存在的DOM元素有效,对于后来动态生成的DOM元素则无法实现事件绑定。原因在于bind方法在执行时,只将事件处理程序...

    关于 onclick 与 bind ‘click’ 的讨论

    此外,它支持解绑事件,避免了内存泄漏问题,还能实现事件委托等高级功能。 `bind('click')` 在jQuery中的实现是基于浏览器的原生`addEventListener`或`attachEvent`方法。这两个方法分别在现代浏览器和旧版IE中...

    javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结

    4. IE特有:`attachEvent`和`detachEvent`,用于事件绑定和解绑。它们仅在Internet Explorer浏览器中有效,且`this`指向`window`,事件处理函数可以重复绑定,但只执行一次。 5. W3C标准:`addEventListener`和`...

    jQuery:unbind方法的使用详解

    jQuery的`unbind`方法是用来解除元素上通过jQuery绑定的事件处理程序的。它是一个非常实用的工具,特别是在需要动态管理事件绑定的时候。然而,需要注意的是,`unbind`并不适用于那些通过原生JavaScript(如`...

    HTML前端学习(3)--JS事件

    3. 解绑事件:`$(selector).off(event, handler)`用于解除事件绑定,这在需要移除特定事件处理函数时非常有用。 4. jQuery事件代理:通过使用事件代理,可以在父元素上绑定事件,处理子元素的事件。这在处理动态...

    javascript中的绑定与解绑函数应用示例

    JavaScript中的事件绑定与解绑是实现交互式网页的关键技术,主要涉及到`addEventListener`和`attachEvent`两个函数,以及它们的对应解绑方法`removeEventListener`和`detachEvent`。这两种方法分别在W3C标准(如...

    关于JavaScript中事件绑定的方法总结

    JQuery中主要的事件绑定方法包括on()、bind()、live()、delegate()等,相应的解绑方法是off()、unbind()、live()、undelegate()。 - **on()方法** on()是JQuery中推荐的事件绑定方法,它既可以绑定新的元素,也...

    使用_jQuery_简化_Ajax_开发.txt

    - **事件处理**:jQuery 提供了丰富的事件处理机制,可以轻松绑定和解绑事件监听器。 - **动画效果**:通过内置的动画方法,开发者可以轻松为页面元素添加动画效果。 - **插件生态系统**:jQuery 拥有庞大的插件库,...

    jQuery入门指南教程--是新手最好的选择

    此外,jQuery 提供了丰富的事件处理函数,如 `click()`、`mouseover()` 等,可以方便地绑定和解绑事件。 在 "Find me" 部分,我们将学习如何选择和操作 HTML 元素。例如,如果要改变第一个有序列表中所有列表项的...

    jQuery学习4 浏览器的事件模型

    它不仅简化了事件绑定和解绑的过程,还提供了一些便捷的方法来处理事件冒泡和事件委托。 例如,jQuery提供了`.on()`方法,它是`addEventListener()`的封装,用于在jQuery对象上的元素绑定事件处理程序。同时,它也...

    jQuery基础的工厂函数以及定时器的经典实例分析_.docx

    - **事件处理机制:** 支持多种事件绑定和解绑方式。 - **封装:** 将复杂的任务封装为简单的API。 - **Ajax支持:** 内置了Ajax请求功能,简化了异步数据交换的过程。 #### 二、jQuery的应用 **2.1 引入jQuery库...

    jQuery实现防止提交按钮被双击的方法

    在传统的JavaScript中,可以通过监听`onclick`事件来控制按钮的行为,而在jQuery中,通常使用`.click()`方法来绑定点击事件。但是,`.click()`方法会导致事件被绑定多次,因此不适合用来防止重复点击。针对此类场景...

    jquery获取并修改触发事件的DOM元素示例【基于target 属性】

    - **jQuery事件处理**:jQuery提供了一系列便捷的方法来绑定和解绑事件,如`$(selector).on()`, `$(selector).off()`, `$(document).ready()`等。 - **jQuery选择器**:jQuery的选择器系统是其强大之处,它支持CSS...

Global site tag (gtag.js) - Google Analytics