日期:2014-05-16 浏览次数:20450 次
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,···