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”)

 

posted @ 2018-03-11 13:33  阿软妹  阅读(92)  评论(0编辑  收藏  举报