.off( events [, selector ] [, handler ] )

描述：移除一个事件处理函数

  • events
    类型: String
    一个或多个空格分隔的事件类型和可选的命名空间，或仅仅是命名空间，比如"click", "keydown.myPlugin", 或者 ".myPlugin"。
  • selector
    类型: String
    一个选择器，当绑定事件处理程序时匹配最初传递给 .on()的那个。
  • handler
    类型: Function( Event eventObject )
    以前附加的事件处理函数，或特殊值false。

     $("body").off("change", "click","#div2 .textbox-text").on("change", "#div2 .textbox-text", function (e) {
    
                console.log(2)

            })

    　　

    off() 方法移除用.on()绑定的事件处理程序。有关详细信息，请参阅该网页上delegated和directly绑定事件。可以通过提供组合的事件名，名字空间，选择器或处理函数来移除绑定在元素上指定的事件处理函数。当有多个过滤参数时，只有与这些参数完全匹配的事件处理函数才会被移除。

    如果一个简单的事件名称，比如提供"click"，那么所有 这种类型的事件（包括直接和委派）从元素上被移除。对于写插件，或者基于大型代码而编程时，最好是通过名字空间进行事件绑定或移除操作，这样就不会意外的移除其它代码添加的事件处理函数。在一个特定的命名空间中的所有类型的事件，可以从一个元素中删除，只是提供了一个命名空间，比如 ".myPlugin"。在移除事件处理时，至少要提供名字空间或事件名。

    要删除特定的委派事件处理程序，需要提供一个selector 的参数。该选择器字符串必须与之前通过 .on() 进行事件处理绑定时使用的选择器相一致。若要移除元素上所有的代理事件，而不移除任何非代理事件，请使用特殊值 "**"。

    处理程序也可以删除handler参数指定名称的函数。当jQuery的绑定一个事件处理程序，它分配一个唯一的ID给处理函数。函数用jQuery.proxy()代理或类似有相同的唯一ID机制（代理函数），因此，通过代理处理程序.off 可能会删除比预期更多的处理程序。在这些情况下，最好是附加和移除事件处理程序，使用命名空间。

    和.on()一样，你可以传递一个 events参数明确的指定而不是用events 和 handler作为单独参数。键是事件类型及可选的名字空间，值是绑定的处理函数，或者是特殊值false。

    例子:

    Example: 为有颜色的按钮添加并移除事件处理。

    <!DOCTYPE html>
    
<html>
    
<head>
    
  <style>
    
button { margin:5px; }
    
button#theone { color:red; background:yellow; }
    
</style>
    
  <script src="http://code.jquery.com/jquery-latest.js"></script>
    
</head>
    
<body>
    
  <button id="theone">Does nothing...</button>
    
<button id="bind">Add Click</button>
    
<button id="unbind">Remove Click</button>
    
<div style="display:none;">Click!</div>
    
<script>
    
function aClick() {
    
  $("div").show().fadeOut("slow");
    
}
    
$("#bind").click(function () {
    
  $("body").on("click", "#theone", aClick)
    
    .find("#theone").text("Can Click!");
    
});
    
$("#unbind").click(function () {
    
  $("body").off("click", "#theone", aClick)
    
    .find("#theone").text("Does nothing...");
    
});
    
</script>

</body>
    
</html>

    　　

    Example: 移除所有段落上的事件：

    $("p").off()

    　　

    Example: R移除所有段落上的代理事件：

    var foo = function () {
    
  // code to handle some kind of event
    
};

// ... now foo will be called when paragraphs are clicked ...
    
$("body").on("click", "p", foo);

// ... foo will no longer be called.
    
$("body").off("click", "p", foo);

    　　

    Example: 通过传入的第三个参数，仅移除先前绑定的事件处理函数：

    var foo = function () {
    // code to handle some kind of event
    };
     
    // ... now foo will be called when paragraphs are clicked ...
    $("body").on("click", "p", foo);
     
    // ... foo will no longer be called.
    $("body").off("click", "p", foo);

    　　

    Example: 通过指定名字空间，解除绑定表单上所有的代理事件：

    var validate = function () {
    
  // code to validate form entries
    
};

// delegate events under the ".validator" namespace
    
$("form").on("click.validator", "button", validate);

$("form").on("keypress.validator", "input[type='text']", validate);

// remove event handlers in the ".validator" namespace

$("form").off(".validator");

    　　

jq的.off解绑事件的更多相关文章

  1. 【JQ】jq动态绑定事件.on()、解绑事件off()

    #JQ 绑定与解绑事件的方法的历史演变 1. jquery1.4 及之前的版本,由.click() 或 .bind()方法绑定的事件,不能适用脚本创建的新元素:即是说页面加载完成后,再动态创建的DOM ...

  2. 从零开始学 Web 之 DOM（六）为元素绑定与解绑事件

    大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... +-------------------------------------------------------- ...

  3. 从零开始学 Web 之 jQuery（六）为元素绑定多个相同事件，解绑事件

    大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...

  4. 5月23日笔记-js绑定事件、解绑事件、复合事件

    each() $("p").each(function(i,ele){ //alert(ele.innerHTML); alert($("p:eq("+i+&q ...

  5. JS---DOM---为元素解绑事件

    解绑事件 注意:用什么方式绑定事件, 就应该用对应的方式解绑事件 1.解绑事件 对象.on事件名字=事件处理函数--->绑定事件 对象.on事件名字=null;   //1 对象.on事件名字= ...

  6. jQuery事件之解绑事件

    语法: $(selector).unbind([eventType][,handler(eventObject)]); 返回值:jQuery 参数解释: eventTypey:类型:String以后包 ...

  7. bind() unbind()绑定解绑事件

    .bind( eventType [, eventData], handler(eventObject)) 本文实例分析了JQuery中Bind()事件用法.分享给大家供大家参考.具体分析如下: .B ...

  8. jquery绑定事件,解绑事件

    unbind([type],[data]) 是 bind()的反向操作,从每一个匹配的元素中删除绑定的事件.如果没有参数,则删除所有绑定的事件.你可以将你用bind()注册的自定义事件取消绑定.如果提 ...

  9. window.onresize绑定事件以及解绑事件

    问题描述 在Vue工程中,添加样式,部分需要做到自适应,需要添加resize事件,由于是单页面应用,如果组件初始化的时候绑定事件,在切换页面的时候不去注销事件,如果来回切换,会让resize事件执行多 ...

随机推荐

  1. # 20145327 《Java程序设计》第七周学习总结

    20145327 <Java程序设计>第七周学习总结 教材学习内容总结 只有Lambda表达式,参数的类型必须写出来,如果有目标类型,在编译程序可推断出类型的情况下,可以不写出. GMT时 ...

  2. Hive中排序和聚集

    //五种子句是有严格顺序的: where → group by → having → order by → limit ; //distinct关键字返回唯一不同的值(返回age和id均不相同的记录) ...

  3. Vmware 设置桥接模式

    在搭建VMware虚拟机的时候要配置网络 可以看到一共主要就3种 1.桥接模式(Bridge) 虚拟系统的IP可设置成与本机系统在同一网段,虚拟系统相当于网络内的一台.独立的机器,与本机共同插在一个H ...

  4. POJ - 3255 次短路径

    题意:给你无向带权图,求次短路径 题解:加一个次短路的数组,用于距记录源点到此点的次短路长度,注意初始化是源点到自己的次短路是极大值 接着再使用dijkstra算法,它是每次选用现在连上(记录了)的点 ...

  5. HDU5324 cqd分治

    HDU5324 cqd分治 标签(空格分隔): 未分类 给你两个长度相同数列,求第一个不上升,第二个不下降的最长子序列长度. 这里要求的子序列对第一个和第二个来说是相同的.即如果你在第一个序列里选了第 ...

  6. Dive into Spring framework -- 了解基本原理（一）

    在继续我们的分析之前,推荐各位静心来读一下<<Expert_OneOne_J2EE_Design_and_Development>> 第四章, 正如spring BeanFac ...

  7. Struts2框架学习第二章——Struts2下的HelloWorld

    本章要点 —  Struts 2的下载和安装 — 纯手工创建一个Web应用 — 纯手工创建一个Struts 2应用 — 实现Struts 2的Action — 配置Struts 2的Action — ...

  8. scp 上传 下载 文件

    linux 中的ssh命令: scp 可以用来上传本地文件到远程服务器 或下载远程服务器中的文件到本地 1. 上传本地文件到远程服务器 scp readme.md user@www.*****.com ...

  9. 为Pdf批量添加水印

    Itext官网下载jar包 /** * PDF工具类 */ public class PdfUtil { public static void main(String[] args) throws E ...

  10. C++（二十八） — 构造函数的初始化列表

    1.解决的问题: 在 B 类中,组合了一个 A 类对象,其中A类设计了构造函数.由于构造函数的调用规则,设计了构造函数就必须调用,但在定义B类时没有机会初始化A,因此采用构造函数的初始化列表来解决. ...