htmldom和元素标签的区别（web前端开发中的DOM事件是什么）

欢迎大神评论指正欢迎关注前端小白一锅，我来为大家讲解一下关于htmldom和元素标签的区别?跟着小编一起来看一看吧!

htmldom和元素标签的区别

欢迎大神评论指正！欢迎关注前端小白一锅！

点击鼠标、按下按键、输入内容都是我们常见的触发DOM事件的方式，那么到底w3c组织规定了多少种我们可以在页面上注册和触发的事件呢？就让我们按照事件继承的关系来梳理一遍。

顶级事件常见的又以下几种：load（页面加载完毕）、unload（离开页面之前卸载）、error（页面异常）、select（用户选择文本框中的内容时触发）、abort（取消加载），这些事件的常见作用对象是window和img，同时他们是所以的DOM元素都具备的事件。

仅次于Event事件的二级事件，通常作用在浏览器上，常见的事件是：resize（改变浏览器或者iframe窗体大小变化时触发）、scroll（用户滚动带滚动条的元素中的内容时，在该元素上触发）

鼠标事件，是最常见的DOM事件之一。click（单击）、dbclick（双击）、mousedown（按下鼠标）、mouseenter（鼠标从外部元素首次移到元素范围内时触发）、mouseleave（位于元素上方的鼠标移动到元素范围之外时触发）、mousemove（鼠标移动）、mouseout（鼠标指针位于一个元素上方，用户将其移入另一个元素时触发）、mouseover（鼠标指针位于一个元素外部，用户将其首次移入另一个元素边界之内时触发）、mouseup（用户释放鼠标按钮时触发）

鼠标滚轮事件：Wheel（滚动鼠标中间的轮子时触发）

焦点事件：在页面元素获得或失去焦点时触发。blur（在元素失去焦点时触发）、focus（元素获得焦点时触发）、focusin（在元素即将获得焦点时触发）、focusout（在元素即将失去焦点时触发）

键盘事件：keydown（按下任意键时触发）、keyup（用户释放键盘上的按键时触发）。

输入框事件：输入框输入内容时会触发的事件。beforeinput（即将在输入框内输入内容时触发）、input（输入内容时触发）

每一类事件都有各自的属性和方法，其中顶级事件为Event，次级事件为UIEvent，三级事件为MouseEvent、FocusEvent、KeyboardEvent、InputEvent等，WheelEvent又是作为MouseEvent的次一级事件出现的。低级别的事件类型继承了前一级别事件类型的事件，同时也继承了这些事件类型的属性和方法。

随着设备的更新，也出现了一些新的事件，比如HTML5事件、触摸与手势事件等。但基础的事件属性和方法是稳定存在的，想要精确地控制好html事件，控制页面的交互效果，不仅需要了解事件的类型，更需要进一步了解各种事件的属性。

收藏转发请先关注！谢谢~