onclick是点击事件,on表示当,click表示点击:
ondblclick(双击事件),和点击事件差不多
oncontextmenu 鼠标右键点击事件:
onmouseenter,onmouseover都是表示鼠标进入事件,onmouseleave,onmouseout都是鼠标离开事件,但是onmouseout 比 onmouseleave 先执行,而且如果元素里面存在子元素,鼠标在元素中移动时会反复触发 onmouseover 和 onmouseout,所以推荐使用onmouseenter,与onmouseleave。
onmousemove, 鼠标移动事件:
onmousedown是鼠标按下事件,
onmouseup是 鼠标弹起事件,
这两个事件用法与上面相似,这里不再赘述。
焦点事件:
获得焦点事件:
onfocus
失去焦点事件:
onblur
案例:输入框获取和失去焦点时的变化(动态效果不好截屏)
阻止默认行为:
e.preventDefault(),这里的e是事件函数的形参,表示的是参与动作的事件: