首页 > 代码库 > JavaScript事件详解
JavaScript事件详解
事件流
描述的是在页面中接收事件的顺序
事件冒泡
由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档)
事件捕获
最不具体的节点先接收事件,而最具体的节点应该是最后接收事件
事件处理
HTML事件处理:直接添加到HTML结构中
DOM 0级事件处理:把一个函数赋值给一个事件处理程序属性【会被覆盖掉】
结果会显示17行的结果,前面几行的事件会被覆盖掉。18行的是清空事件。
DOM 2级事件处理:
addEventListener("事件名","事件处理函数","布尔值")
true:事件捕获
false:事件冒泡
removeEventListener()
现在,布尔值不再进行操作。
结果是demo1 ,demo3,demo4依次执行,不会被覆盖。而demo2被移除,不会执行。
并不是所有的浏览器都可以处理0级和2级事件。
IE事件处理程序
attachEvent
detachEvent
0级比较麻烦,会被覆盖。
事件对象
在触发DOM事件的时候都会产生一个对象
事件对象event
1、type:获取事件类型
2、target:获取事件目标
3、stopPropagation():阻止事件冒泡
4、preventDefault():阻止事件默认行为
JavaScript事件详解
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。