html事件的添加和删除_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了html事件的添加和删除_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1536字,纯文字阅读大概需要3分钟。
内容图文
![html事件的添加和删除_html/css_WEB-ITnose](/upload/InfoBanner/zyjiaocheng/408/da7b30f0f0ef499885090006086a14f6.jpg)
在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/
内容总结
以上是互联网集市为您收集整理的html事件的添加和删除_html/css_WEB-ITnose全部内容,希望文章能够帮你解决html事件的添加和删除_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。