`
747017186
  • 浏览: 334281 次
社区版块
存档分类
最新评论

jquery 解除绑定事件

    博客分类:
  • js
 
阅读更多

在做项目的时候,有时候美工用jquery绑定了一些事件,在实际的开发过程中可能不需要美工的一些事件,我们可以使用解除绑定事件来对美工的事件解除绑定,在绑定自己的事件,免得事件混淆。

<input name="name" value="" onClick="unbind(this,'click');自己的JS事件();"/>

 

unbind([type], [fn])

概述

bind()的反向操作,从每一个匹配的元素中删除绑定的事件。

如果没有参数,则删除所有绑定的事件。

你可以将你用bind()注册的自定义事件取消绑定。

如果提供了事件类型作为参数,则只删除该类型的绑定事件。

如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除。

参数

type (可选)String

事件类型

fn (可选)Function

要从每个匹配元素的事件中反绑定的事件处理函数

 

示例

描述:

把所有段落的所有事件取消绑定

jQuery 代码:
$("p").unbind()

描述:

将段落的click事件取消绑定

jQuery 代码:
$("p").unbind( "click" )

描述:

删除特定函数的绑定,将函数作为第二个参数传入

jQuery 代码:
var foo = function () {
  // 处理某个事件的代码
};

$("p").bind("click", foo); // ... 当点击段落的时候会触发 foo 

$("p").unbind("click", foo); // ... 再也不会被触发 foo
分享到:
评论

相关推荐

    jQuery事件绑定与解除绑定实现方法

    在JavaScript的世界里,jQuery库为开发者提供了方便快捷的方式来处理DOM元素的事件,其中包括事件的绑定与解除绑定。本文将深入探讨jQuery中的`bind`和`unbind`方法,以及如何通过它们来实现事件处理。 首先,事件...

    多种jQuery绑定事件的实现方式

    在jQuery中,绑定事件是创建交互式网页的关键步骤。本文将深入探讨多种jQuery绑定事件的实现方式,并提供解决事件重复绑定问题的策略。 首先,让我们来看看jQuery如何绑定单个事件。基本语法是使用`.bind()`函数,...

    javascrpt绑定事件之匿名函数无法解除绑定问题.docx

    这里使用了jQuery提供的`on`方法来绑定事件,而解除绑定则通过`off`方法完成。需要注意的是,`arguments.callee`在这里用于获取当前执行的匿名函数的引用。 #### 进一步讨论 虽然上述方法可以有效地解决问题,但在...

    对jQuery的事件绑定的一些思考(补充)

    然而,正如标题和描述所指出的,jQuery的事件绑定有时也会带来一些问题,比如内存消耗过大、动态生成元素需要重新绑定事件以及语法冗余。本文将深入探讨这些问题,并提供相应的解决方案。 首先,让我们看看jQuery中...

    JQuery绑定事件四种实现方法解析

    jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码。下面我们来看下jQuery中绑定事件的方式都有哪些。 jQuery...

    JQuery为页面Dom元素绑定事件及解除绑定方法

    1、绑定事件 代码如下: $(‘#id’).bind(“click”,function(){ … }) 可一次性绑定多个事件 代码如下: $(‘#id’).bind(“click mouseover mouseout”,function(){ … }) 2、解除绑定 代码如下: $(‘#id’).unbind...

    为jQuery添加自定义事件机制

    // 绑定事件并使用proxy改变上下文 $(selector).on('customEvent', $.proxy(handler, someObject)); // 后期移除事件 $(selector).off('customEvent', handler); ``` 除此之外,jQuery还支持`one`方法,用于只执行...

    JQuery详解jQuery的bind方法

    jQuery 的 `bind()` 方法是用于在元素上绑定事件处理程序的一种方式。与原生 JavaScript 的事件绑定相比,`bind()` 提供了更多灵活性和便捷性。它允许开发者指定一个或多个事件类型,并为这些事件类型绑定一个或多个...

    浅谈jquery之on()绑定事件和off()解除绑定事件

    其中,on()方法用于绑定事件处理器,而off()方法则用于解除绑定的事件处理器。本文将深入探讨这两个方法的用法和机制。 首先,我们来了解on()方法。on()方法可以用于为选定的元素绑定一个或多个事件类型的事件处理...

    jQuery 1.9.1源码分析系列(十)事件系统之绑定事件

    首先,jQuery提供了多种绑定事件的方法。最基础的是`eventType([[data,] fn])`,如`$("#chua").click(fn)`,其中`eventType`指代事件类型(如`click`),`fn`是事件处理函数。这个方法直接将事件绑定到选择器匹配的...

    jquery绑定原理 简单解析与实现代码分享

    这里我们将深入解析jQuery绑定事件的原理,并通过示例代码来理解其工作方式。 首先,jQuery中的`data`方法用于在DOM元素上存储和检索数据。它通过一个唯一的标识符(uuid)来关联数据,这个标识符是通过`now`函数...

    jQuery事件绑定和委托实例

    这意味着事件处理函数会在触发后自动解除绑定。 ```javascript $(“#myElement”).one(“click”, function() { alert(“This will only be shown once.”); }); ``` 5. 事件委托 事件委托是一种优化性能的技术,...

    jQuery参考手册-事件总结

    11. **one()**: 这个方法只让事件处理函数执行一次,之后自动解除绑定。 12. **delegate()**: 类似于 `live()`,用于向匹配元素的后代元素添加事件处理器,已被 `on()` 替代。 13. **event对象**: 在事件处理函数...

    jQuery 绑定事件的方式总结

    jQuery 绑定事件 jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码。下面我们来看下jQuery中绑定事件的方式都...

    jquery事件

    jQuery提供了多种方式来绑定事件处理函数,最常用的是`$(selector).on(event, handler)`。例如,`$("#myButton").click(function() {...})`用于监听ID为`myButton`的元素的点击事件。此外,`bind()`、`live()`(已...

    jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例

    在jQuery中,可以使用多种方法来绑定事件,最常用的方法是`bind()`和`on()`。解绑事件指的是在不需要某个事件响应时,取消之前绑定的事件处理器,这可以通过`unbind()`方法或`off()`方法完成。 事件冒泡是事件在DOM...

    深入理解jQuery事件绑定

    在深入理解jQuery事件绑定的文章中,作者向读者介绍了如何使用jQuery的不同方法来绑定事件,并对它们的适用情况和差异进行了阐述。以下是从文章内容中提取的知识点: 1. jQuery的事件绑定方法主要包括bind()、live...

Global site tag (gtag.js) - Google Analytics