zoukankan      html  css  js  c++  java
  • jQuery live事件说明及移除live事件方法

         

    1.live事件说明

    jQuery1.3增加了一个live()方法,下面是手册上的说明:

    jQuery 1.3中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数(比如click事件)。也能绑定自定义事件。

    目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。

    还不支持 blur, focus, mouseenter, mouseleave, change, submit

    与bind()不同的是,live()一次只能绑定一个事件。

    这个方法跟传统的bind很像,区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说,如果你给页面上所有的li用live绑定了click事件。那么当在以后增加一个li到这个页面时,对于这个新增加的li,其click事件依然可用。而无需重新给这种新增加的元素绑定事件。

    .live()与流行的liveQuery插件很像,但有以下几个主要区别:

    • .live 目前只支持所有事件的子集,支持列表参考上面的说明。
    • .live 不支持liveQuery提供的“无事件”样式的回调函数。.live只能绑定事件处理函数。
    • .live 没有”setup”和”cleanup”的过程。因为所有的事件是委派而不是直接绑定在元素上的。

    要移除用live绑定的事件,请用die方法

    用法示例:

    <div class=”myDiv”></div>

    jquery:

    $(“.myDiv”).live(“click”, function(){

    alert(“clicked!”);

    });

    如果使用javascript动态创建一个class为mydiv的元素,点击元素依然会有弹出。为什么使用live后就有了呢?这是因为jquery利用了事件的冒泡机制,直接把事件绑定在了document上,然后通过event.target找出事件的来源。这跟jquery.livequery插件不一样,jquery.livequery每20毫秒做一次检查,如有新生成则重新绑定一次事件。

    使用live当然有利也有弊:
    好处就是:元素更新时不用反复去定义事件。
    坏处就是:把事件绑定在document上会在页面上每一个元素都呼叫一次,如使用不当会严重影响性能。而且不支持blur, focus, mouseenter, mouseleave, change, submit。

     

     2.移除live绑定的事件

    在Jquery里,使用live来绑定事件,若想移除该事件,要使用die方法。

    如:

    $(“.myDiv”).die("click");

    这样就好将绑定的click事件移除掉。

  • 相关阅读:
    [docker]Kubernetes的yaml文件
    [redis]redis-cluster的使用
    [redis]redis-cluster搭建
    [docker]本地仓库的创建的使用
    1W字看懂互联网知识经济
    PHP基础陷阱题(变量赋值)
    PHP不用第三变量交换2个变量的值的解决方法
    PHP中的排序函数sort、asort、rsort、krsort、ksort区别分析
    PHP实现四种基本排序算法
    WEB安全之Token浅谈
  • 原文地址:https://www.cnblogs.com/hannover/p/4109775.html
Copyright © 2011-2022 走看看