最新消息:欢迎各位技术大牛一起交流讨论,邮箱:gww0426@163.com

Javascript添加事件的方式

WEB前端 郭伟伟 43356浏览 0评论

Javascript添加事件主要有三种方式:

一、直接在DOM结点上写onclick="fn()"

这样写的话耦合性强,js函数与对应的DOM结点被强关联起来了,要重用的话也不好重用,改动的话更是崩溃,要找到对应的DOM结点。

二、在Javascript代码中使用DOM.onclick=function(){}的方式添加事件

解决了耦合性问题,但是这种方式只能对一个DOM添加一个事件,如果一个DOM结点对应多个事件的话就没有办法了。

三、在Javascript代码中使用DOM.addEvent()添加事件

这种方式灵活,既解决了耦合性问题,还可以添加多个事件,但代码稍微复杂,不过还是推荐这种方法

function addEvent(obj,type,handle){
if(obj.attachEvent){
obj.attachEvent('on' + type,handle);
}else if(obj.addEventListener){
obj.addEventListener(type,handle,false);
}else{
obj['on' + type] = handle;
}
}

转载请注明:郭伟伟@互联网 » Javascript添加事件的方式


发表我的评论
取消评论

使用新浪微博登陆

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址