一、传统注册方式
以on开头的事件,如:onclick
具有唯一性,最后注册的处理函数会覆盖前面的处理函数
常用事件:
- onblur:失去焦点
- onfocus:获得焦点
- onload:页面或图加载完成
- onmousedown:鼠标按钮被按下
- onmouseup:松开鼠标按钮
- onmouseover:移动鼠标
- onmouseout:鼠标从某元素上离开
- onkeydown:某个键盘按键被按下
- onkeyup:某个键盘按键被松开
- onkeypress:某个键盘按键被按下并松开
- onchange:域的内容被改变
- onselect:文本被选中
- onsubmit:确认按钮被点击
- onreset:重置按钮被点击
二、方法监听注册方式
没有唯一性,同一元素同一事件可以注册多个处理函数,按照注册顺序依次执行
语法格式:给谁注册.addEventListener('type',listener,[useCapture])
type:事件类型,为字符串类型,记得加引号,如click、mouseover等等,不能带on!
listener:事件处理函数,事件发生时调用该监听函数
useCapture:可选参数,是一个布尔值,默认false
删除事件:removeEventListener('type',listener)