html 事件的添加和删除_html/css_WEB-ITnose

WBOY
發布: 2016-06-21 08:56:19
原創
1329 人瀏覽過

jQuery

在jQuery1.7版本中

bind() unbind() ,live() die(), on() off() ,delegate()

下面我们给li元素添加事件

bind()   旧版写法: 事件不能适用脚本创建的新元素

live()      旧版写法: 适用脚本创建的新元素写法,但性能极不好

on()        新版写法,事件不能适用脚本创建的新元素(接收多个函数绑定)

这三种方法都是基于要给添加事件的元素本身。

$("ul li").bind("click",function(){	alert("不响应事件!");})
登入後複製


delegate() 新版写法,适用脚本创建的新元素

$(".demonstrate").delegate("ul li","click",function(){ alert("响应事件!");})
登入後複製

$(ele).on() ele 为匹配元素的父元素. 适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)

$(".parent").on("click","ul li",function(e){    alert("响应"+e.type+"事件!");});
登入後複製

但在jQuery1.8版本 统一为on()方法绑定事件。不管是原来的还是脚本创建的都可以绑定。

上面每个方法后面使其对应的解除绑定的方法。用法类似。


jq还有一种解除绑定方法

removeAttr('onclick');删除attr("onclick","WdatePicker()");添加
登入後複製

js方法

attachEvent与addEventListener区别

适应的浏览器版本不同,同时在使用的过程中要注意attachEvent方法          按钮onclickaddEventListener方法    按钮click两者使用的原理:可对执行的优先级不一样的事件进行操作:attachEvent方法,为某一事件附加其它的处理事件。(不支持Mozilla系列) 也就说可绑定多个事件并都执行(顺序最后到前)addEventListener方法 用于 Mozilla系列  绑定多个只执行最后一个**绑定函数不要加括号
登入後複製


removeEventListener()解除绑定


借鉴文章http://www.phpvar.com/archives/2529.html

http://blog.163.com/wumingli456@126/blog/static/288964142010755811775/

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板