JS事件---DOM2级事件处理:addEventListener()、removeEventListener()、attachEvent()
来源:互联网 发布:python explode 编辑:程序博客网 时间:2024/05/21 06:36
事件处理有HTML事件处理、DOM0级事件处理、DOM2级事件处理。
HTML事件处理将事件看做标签的一个属性,与HTML混写,代码多时不容易管理。
DOM0级事件处理脚本方式添加事件,实现了HTML和JS的分离,但是它存在缺陷,例如:要为一个按钮添加点击事件,但只能为点击事件添加一个函数,不能同时添加多个函数,如果同时添加多个函数,则最后的函数将覆盖前面的函数。
DOM2级事件处理实现了HTML和JS的分离,又能够为事件添加多个事件句柄。下面举例说明:
上面的代码中,btn3是通过getElementById获取的input对象,其中,click是input的点击(onclick())事件,function1表示点击时调用function1函数。
同理,第二句代码表示btn3在点击时同时调用函数function2。通过ele.addEventListener()方法同时给btn3的onclick()事件添加了两个函数。
DOM2级事件处理中也包括删除事件句柄,具体用法和ele.addEventListener()方法相同,如下
DOM2级事件处理存在兼容性问题,IE8及其以下需要使用IE事件处理程序attachEvent/detachEvent
为解决兼容性问题,可以使用if...else...语句实现
阅读全文
0 0
- JS事件---DOM2级事件处理:addEventListener()、removeEventListener()、attachEvent()
- js事件处理(removeEventListener addEventListener)
- js 添加_删除事件 addEventListener/removeEventListener和attachEvent/detachEvent
- js事件处理:addEventListener()与removeEventListener()
- DOM2级事件 addEventListener() 和IE attachEvent()的区别
- js事件处理方法addEventListener和attachEvent
- 与事件处理相关的function:addEventListener、removeEventListener与attachEvent、detachEvent
- JS之事件绑定(addEventListener、removeEventListener、attachEvent、detachEvent的用法和区别)
- JS addEventListener / attachEvent注册事件
- 事件处理中的this:attachEvent, addEventListener, onclick
- js 添加事件 attachEvent和addEventListener 使用方法
- js绑定事件(attachEvent、addEventListener)传参
- 【js】addEventListener/attachEvent 与内联事件
- Js添加事件addEventListener和attachEvent
- JS事件绑定addEventListener 和 attachEvent
- JS添加事件和解绑事件:addEventListener()与removeEventListener()
- JS添加事件和解绑事件:addEventListener()与removeEventListener()
- attachEvent/addEventListener注册事件
- Java语言基础{Java_se(04)}-方法的重载设计(overload)-数组-数组的遍历-多 维数组-排序算法(冒泡排序)-选择排序
- matlab学习笔记
- Vue中提交表单数据
- 闲聊KMP算法
- 基于DreamService的屏保
- JS事件---DOM2级事件处理:addEventListener()、removeEventListener()、attachEvent()
- Mysql linux监控脚本分析
- 判断两个链表是否相交,若相交,求交点,若带环呢/fork继承问题
- MyBatis 一级缓存,二级缓存
- python变量以及类型(含笔记)
- VS2015动态库编程之MFC规则动态库(中)
- 数理逻辑基础概念
- 20170716——调试NRF51822蓝牙模块总结
- Python3 运算符