传统指派:
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”)