日期:2014-05-16  浏览次数:20450 次

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,···