day5-jacascript-事件

JS事件

1.鼠标事件: click事件: onclick:单击事件

mouseover: onmouseover:鼠标移动到目标元素上时触发

onmouseout: 鼠标移开目标元素时触发

mousemove: 鼠标在目标元素上移动时触发

mousedown:鼠标按下去时触发

mouseup:鼠标弹起来时触发

dbclick:鼠标双击事件

contextmenu:鼠标右键事件

mouseleave:鼠标移开目标元素时触发 --mouseout

mouseenter:鼠标移动到目标元素时触发 --mouseover

mouseleave与mouseout的区别？

答：不论鼠标指针离开被选元素还是任何子元素，都会触发mouseout 事件。

只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。

2.键盘事件：keydown:键盘安静被按下时触发

keyup:键盘按键弹起时触发

keypress:键盘上的按键被按下然后弹起时触发-不包含系统按键

3.其他事件: change:表单元素的状态或内容发生变化时触发

blur:失去焦点事件

focus:获取焦点事件

submit:表单条件事件

reset:表单重置时触发的事件

load:页面加载完成之后执行的事件