事件小概念以及绑定

事件:
用户在浏览器操作的时候,触发(复合某种条件)的一种交互行为(事件、事务)。

每个元素自身就有事件,只不过默认为null,当某个事件绑定了一个函数之后,
用户在操作浏览器的时候,触发了这个事件,那么就执行事件函数。

用户操作浏览器的时候会触发很多的事件,只有绑定了事件函数的事件才会对用户有响应
但是没有响应的事件并不是没触发,只是没事件函数而已。
某个元素有这个事件,事件值默认为null,如果没有这个事件,事件值undefined(某个对象访问一个没有设置的属性而已)
 
在DOM2事件绑定中,可以让同一个元素,绑多次同一个事件。

DOM0级事件
on开头

解除事件:
ele.onxx = null;

DOM1级
DOM级别1于1998年10月1日成为W3C推荐标准。
1级DOM标准中并没有定义事件相关的内容,所以没有所谓的1级DOM事件模型。

DOM2级事件
在2级DOM中除了定义了一些DOM相关的操作之外还定义了一个*事件模型* ,
这个标准下的事件模型就是我们所说的2级DOM事件模型
 
addEventListener 事件绑定(监听)
removeEventListener解除事件绑定

ele.addEventListener('不带on的事件名',事件函数,布尔值(默认不捕获));

ele.removeEventListener('不带on的事件名',事件名(***和绑定事件的函数为同一个地址),布尔值);

在开发移动端的时候,就要用DOM2,不然有些浏览器不会触发手机端事件


IE低版本用:
绑定:
box.attachEvent('带on事件名',function(){})
解除:
box.detachEvent('带on事件名',function(){})
posted @ 2018-11-19 19:38  Allisson-yan  阅读(124)  评论(0编辑  收藏  举报