当前位置： 移动技术网 > IT编程>网页制作>CSS > js事件绑定解析

js事件绑定解析

2018年11月25日  | 移动技术网IT编程  | 我要评论

js绑定事件

①html元素中直接绑定。

onclick=“click()”>

function click(){ }

②dom0级事件处理程序

即js代码中绑定—----------若添加多个同类型事件，则后来的事件会覆盖原有的事件，即同类型的事件只能有一个。

以button按钮绑定事件来举例：

var butt=document.getelementbyid("button");

butt.onclick=function(){ };

对应的事件解绑：

dom.onclick=null;

③dom2级事件处理程序--------可以绑定多个事件，可以解除绑定

添加事件：addeventlistener

移除事件：removeeventlistener

dom对象.addeventlistener(事件名，处理函数，布尔值) //true代表冒泡事件执行，false捕获阶段执行

绑定事件的另一种方法是用 addeventlistener() 或 attachevent() 来绑定事件监听函数 【ie8】

addeventlistener()函数—— w3c标准，但不支持ie8以下，绑定多个事件按顺序执行

attachevent(事件处理程序名，处理函数) --------ie8以下浏览器支持，绑定事件倒叙执行，对应的移除事件detachevent()，其对应参数应与添加时相同

elementobject.attachevent(eventname,handle);

对于这个ie8不兼容问题的解决办法是：使用监听函数前先判断

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网