事件是javascript和HTML交互基础, 任何文档或者浏览器窗口发生的交互, 都要通过绑定事件进行交互;比如鼠标点击事件、敲击键盘事件等。这样的事件行为都是前端DOM事件的组成部分,不同的DOM事件会有不同的触发条件和触发效果。
本文就将带大家深入浅出地了解DOM事件的那些属性和方法。
1.DOM级别与DOM事件:
DOM级别一共可以分为四个级别:DOM0级、DOM1级、DOM2级和DOM3级。而DOM事件分为3个级别:DOM0级事件处理,DOM2级事件处理和DOM3级事件处理。
有人可能会疑惑,为什么没有DOM1级事件处理呢?因为1级DOM标准并没有定义事件相关的内容,所以没有所谓的1级DOM事件模型。
1.DOM0级事件之前,我们有必要了解一下HTML事件处理程序,也是最早的一种事件处理方式
代码如下(示例):
<button type="button" onclick="showFn()"></button>
function showFn() {
alert('Hello World');
}
<