JS事件基础和绑定

一、事件的分类

1. 鼠标事件
2. 键盘事件
3. 表单事件
4. 页面事件

二、事件驱动

1. .事件
   javascript侦测到的用户的操作或是页面的一些行为(怎么发生的)

2. 事件源
   引发事件的元素。(发生在谁的身上)

3. 事件处理程序
   对事件处理的程序或是函数 (发生了什么事)

三、事件的绑定

1. 在脚本中绑定
2. 直接在HTML元素绑定

四、同个元素添加绑定多个事件

1. 手动输入，自定义

2. IE:
   对象.attachEvent("事件(on)","处理程序")   添加
   对象.detachEvent("事件(on)","处理程序")    删除

　　　FF:
　　　　对象.addEventListener("事件","处理程序",布尔值)   添加
　　　　对象.removeEventListener("事件","处理程序",布尔值)   删除

五、事件对象的属性　

　　相对于浏览器位置的
　　　　clientX 当鼠标事件发生的时候，鼠标相对于浏览器X轴的位置
　　　　clientY 当鼠标事件发生的时候，鼠标相对于浏览器Y轴的位置

　　相对于屏幕位置的
　　　　screenX 当鼠标事件发生的时候，鼠标相对于屏幕X轴的位置
　　　　screenY 当鼠标事件发生的时候，鼠标相对于屏幕Y轴的位置

　　相对于事件源的位置
　　　　IE:
　　　　　　offsetX 当鼠标事件发生的时候，鼠标相对于事件源X轴的位置
　　　　　　offsetY 当鼠标事件发生的时候，鼠标相对于事件源Y轴的位置　　

　　　　FF:
　　　　　　layerX 当鼠标事件发生的时候，鼠标相对于事件源X轴的位置
　　　　　　laterY 当鼠标事件发生的时候，鼠标相对于事件源Y轴的位置

 

转载于:https://www.cnblogs.com/f19huangtao/p/4663182.html