前往内容
javascript事件类型
2018年2月5日
作者
张舫
菜鸟教程事件大全
- UI(User Interface,用户界面)事件,当用户与页面上的元素交互时触发
- load:当页面完全加载后再window上触发,当图像加载完毕时再<img>上面触发,或者当嵌入的内容加载完毕时再<object>元素上触发
- unload:当页面完全卸载后在window上面触发,当所有框架都卸载后在框架集上面触发,或者当嵌入的内容卸载完毕后在<object>元素上面触发
- abort:在用户停止下载过程时,如果嵌入的内容没有加载完,则在<object>元素上面触发
- error:当javascript错误时再window上触发
- select:当用户选择文本框(input或<texterea>)中的一个或多个字符时触发.
- resize:当窗口或框架的大小发生变化时再window或框架上面触发
- scroll:当用户滚动带滚动条的元素中的内容时,在该元素上面触发.<body>元素中包括所加载页面的滚动条
- 焦点事件:当元素获取焦点失去焦点时触发
- blur:在元素失去焦点时触发,这个事件不会冒泡所有浏览器都支持它
- DOMFocusIn:在元素获取焦点时触发.这个事件与HTML事件focus等价,但它冒泡.只有Opera支持这个事件.DOM3级事件废弃DOMFocusIn,选择了focusin
- DOMFousOut:在元素失去焦点时触发.这个事件与HTML事件blur的通用版本.只有Opera支持这个事件.DOM3级事件废弃了DOMFocusOut,选择了focusout
- focus:在元素获取焦点时触发
- focusin:在元素获取焦点时触发,但它有冒泡
- focusout:在元素失去焦点时触发,但它有冒泡
- 当页面中的元素移动到另一个元素会以次触发该事件,focusout, focusin, blur, DOMFocusOut, focus, DOMocusIn
- 鼠标事件:当用户通过鼠标在页面上执行操作时触发
- click:用户单机鼠标左键
- dblclick:用户双击鼠标左键
- mousedown:用户按下任意鼠标按钮触发
- mouseenter:用户鼠标从元素外部首次移动到元素内部触发,这个事件不冒泡
- mouseleave:在位于元素上方的鼠标光标移动到元素范围之外时触发,这个事件不冒泡
- mousemove:当鼠标指针在元素内部移动时重复触发
- mouseout:在鼠标指针在元素上方然后用户将其移入另一个元素时触发
- mouseover:在鼠标指针位于元素外部,然后用户将其首次移入另一个元素边界内时触发
- mouseup:在用户释放鼠标按钮时触发
- 在同一元素下顺序如下mousedown, mouseup, click, mousedown, mouseup, click, dblclick,
- 滚轮事件:当使用鼠标滚轮(或类似设备)时触发
- 文本事件:在文档中输入文本时触发
- 键盘事件:当用户通过键盘在页面上执行操作时触发
- 合成事件:当为IME(Input Method Editor,输入法编辑器)输入字符时触发
- 变动事件:当底层dom结构发生变化时触发