event对象

Posted aruanmei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了event对象相关的知识,希望对你有一定的参考价值。

传统指派: 

1. dom元素 on开头属性

2. js直接添加:

  获取节点.onxxx=事件处理程序

好处:不需要处理兼容

 

现代指派:

addEventListener(“事件名”,“事件处理程序”,“是否使用捕获机制”)

attachEvent(“事件名”,“事件处理程序”)兼容老版本ie6以下

 

event对象:只要有事件发生就会event对象

获取event对象:window.event||arguments[0]  →处理兼容

clientX ,clientY:鼠标在页面上的坐标

screenX,screenY:鼠标在浏览器上的坐标

offsetX,offsetY:鼠标在事件源的上的坐标(如div)

target :事件源节点对象

keyCode:按的哪个键

 

event对象的方法:

阻止冒泡:stoppropgagtion()

阻止默认行为:preventDafault()(如a标签的href="",想让a标签不跳转 在onclick=“return false”)

 

以上是关于event对象的主要内容,如果未能解决你的问题,请参考以下文章

vue中如何使用event对象

JavaScript之DOM-8 Event对象(事件概述事件处理event对象)

IE 的事件对象(event)

event 对象 小记

event对象的理解

python Event对象队列和多进程基础