JavaScript 事件处理总结

元素事件

属性 触发时机
onblur 元素失去焦点
onchange 用户改变域的内容,需要失去焦点才触发
oninput & onpropertychange  
onfocus 元素获得焦点
onreset 重置按钮被点击
onselect 文本被选定
onsubmit 提交按钮被点击

案例1:实时监听输入框值变化

鼠标事件

属性 触发时机
onmousedown 某个鼠标按键被按下
onmousemove 鼠标被移动
onmouseout 鼠标从某元素移开
onmouseover 鼠标被移到某元素之上
onmouseup 某个鼠标按键被松开
onclick 鼠标点击某个对象
ondblclick 鼠标双击某个对象

键盘事件

属性 触发时机
onkeydown 某个键盘的键被按下
onkeypress 某个键盘的键被按下或按住
onkeyup 某个键盘的键被松开

 生命周期

属性 触发时机
onabort 图像加载被中断
onerror 当加载文档或图像时发生某个错误
onload 某个页面或图像被完成加载
onresize 窗口或框架被调整尺寸
onunload 用户退出页面

你可能感兴趣的:(JavaScript 事件处理总结)