javascript常见事件,html中dom常用事件

1 常用事件总结

1.1 鼠标事件

　　点击点击

　　双击dblclick

　　菜单右键单击

　　鼠标悬停鼠标悬停在元素上。建议改用mouseenter。

　　Mouseout鼠标离开元素，所以建议改用mouseleave。

　　鼠标输入鼠标悬停在元素上。

　　鼠标离开鼠标离开元素

　　Mousedown按下鼠标按钮

　　Mouseup鼠标键向上

　　鼠标移动

1.2 键盘事件

　　 keydown按下键盘键

　　键盘向上键

　　键盘上的键被按下，用来输入字符。keys

1.3 文档事件

　　加载页面中的所有内容都会在加载时被触发，可以监听窗口或者body元素。

　　DOMContentLoaded页面中的所有元素都将在加载时被触发，并且可以在窗口或文档中被监控。只有addEventListener可用于监视事件。

　　关闭网页时触发before unload

1.4 表单事件

　　提交表单时触发submit。该事件侦听表单元素。

　　当重置表单被重置时触发，此事件侦听表单元素。

　　当表单控件获得焦点时触发焦点。

　　当表格控制表失去焦点时会触发模糊。

　　选择输入框或文本字段中的内容被选中。

　　对于变化输入框，内容发生变化，在触发前失去焦点；适合选择

1.5 图片事件

　　负载。图片文件已下载。

　　错误图像加载失败

1.6 其他事件

　　 resize监视窗口，视口大小改变。

　　scroll监听带滚动的窗口或元素时，页面或元素中的内容会在滚动时被触发。

2 Event 对象

2.1 获取 Event 对象

　　您可以通过将第一个参数设置为事件的回调函数来获取事件对象。

　　不同类型的事件得到不同类型的事件对象。

2.2 鼠标事件对象 MouseEvent 的属性和方法

　　 offsetX/offsetY获取鼠标在目标元素上的坐标位置。

　　ClientX/clientY获取鼠标在视口中的坐标位置。

　　PageX/pageY获取鼠标在页面上的坐标位置。

　　ScreenX/screenY获取鼠标在屏幕上的坐标位置。

　　获取哪个鼠标键按钮被按下，0:左键；1:中键；2:右键

2.3 键盘事件对象 KeyBorardEvent 的属性和方法

　　 keyCode获取该键对应的代码值。

　　这与键码相同

　　获取key对应的字符值

2.4 所有类型的事件对象都有的属性和方法

　　 type获取事件名称。

　　TimeStamp获取从触发事件到打开页面之间的毫秒数。

　　获取目标元素。

　　StopPropagation()防止事件冒泡。

　　PreventDefault()防止浏览器默认行为

2.5 阻止事件冒泡

　　可以通过在事件的回调函数中执行event.stopPropagation()来防止冒泡。

2.6 浏览器的默认行为

浏览器有哪些默认行为

　　超链接点击跳转

　　表单的提交和重置

　　右键单击系统菜单。

　　等待.

阻止浏览器默认行为

　　在事件的回调函数中调用event.preventDefault()停止默认行为。

3 事件委托

　　事件监视祖先元素，判断目标元素，如果目标元素满足条件，则执行相关操作。

　　授权的优势：

　　对于侦听同一事件的大量元素，使用事件委托比遍历每个侦听更有效。

　　事件委托允许新添加的元素响应事件。

　　相关：[JavaScript视频教程]

　　以上是JavaScript DOM常见事件的最新汇总！更多详情请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。