JS事件总结2

JS事件小结2

4.事件类型

DOM2规定了5种事件

    UI事件：在用户与页面上的元素交互时触发

    鼠标事件：当用户通过鼠标在页面上执行操作时触发

    键盘事件：当用户通过键盘在页面上执行操作时触发

    HTML事件：当浏览器窗口发生变化或特定的C/S交互时触发

    变动：当底层DOM结构发生时触发

 

鼠标事件

   触发顺序： mousedown->mouseup->click->mousedown->mouseup->click->dblclick

mouseout：移除一个元素时触发

mouseover：首次一入到一个元素时触发

mousemove ：在元素内部移动时触发

   客户区坐标位置 clientX clientY

   屏幕坐标位置    screenX screenY

   修改键：shiftKey ctrlKey altKey metaKey

   相关元素：relatedTarget  IE提供fromElement和toElement

 

键盘事件

   keydown->keyup-> keypress

   1.键码

      keyCode属性的值与ASCII码中对应小写字母或数字的编码相同。

   2.字符编码

      charCode只有在发生keypress事件时才包含值

   3.textInput事件

      在可编辑区输入字符时，触发事件。他的event对象包含一个data属性。

 

HTML事件

   load，unload，abort，error，select···

 

变动事件

   DOMSubtreeModified，DOMNodeRemoved，···