焦点事件会在页面元素获得或失去焦点时触发，有以下4个焦点事件：
1.blur：元素失去焦点时触发，该事件不冒泡
2.focus：元素获得焦点时触发。不冒泡
3.focusin：元素获得焦点时触发，冒泡
4.focusout：元素失去焦点时触发，冒泡
鼠标事件
DOM 3级定义了9个鼠标事件：
click：当用户点击鼠标主键通常是指鼠标左键或按回车键时触发。
dbclick：用户双击鼠标时触发
mousedown：当用户按下鼠标任意一个键都会触发，这个事件是不能够通过键盘触发的。
mousemove：当鼠标在某元素周围移动时重复触发，该事件不能通过键盘事件触发。
mouseout：当鼠标离开元素时触发，这个事件不能通过键盘触发。
mouseover：当鼠标进入元素时触发，这个事件不能够通过键盘触发。
mouseenter：类似“mouseover”，但不冒泡，而且当光标移到后代元素上不会触发。
mouseleave：类似“mouseout”，但不冒泡。在元素上方是不触发。
mouseup：当用户释放鼠标按键时触发，不能够通过键盘触发。
传递给鼠标事件处理程序的事件对象有clientX和clientY属性，它们指定了鼠标指针相对于包含窗口的坐标。加入窗口的滚动偏移量，就可以把鼠标位置转换成文档坐标。
页面上的所有元素都支持鼠标事件。除了mouseenter和mouseleave外，所有的事件都冒泡，并且他们的默认行为是可以被取消掉的。但取消鼠标事件的默认行为可能会影响到其他事件，因为有些鼠标事件是相互依赖的。
拖拉事件
（1）drag事件
drag事件在源对象被拖拉过程中触发。
（2）dragstart，dragend事件
dragstart事件在用户开始用鼠标拖拉某个对象时触发，dragend事件在结束拖拉时触发。
（3）dragenter，dragleave事件
dragenter事件在源对象拖拉进目标对象后，在目标对象上触发。dragleave事件在源对象离开目标对象后，在目标对象上触发。
（4）dragover事件
dragover事件在源对象拖拉过另一个对象上方时，在后者上触发。
（5）drop事件
当源对象被拖拉到目标对象上方，用户松开鼠标时，在目标对象上触发drop事件。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章: