javascript事件处理函数绑定简单介绍

本章节介绍一下javascript关于事件处理函数注册的一些事情，希望能够给需要的朋友带来帮助。

一.写在html标签中:

此种方式在当前还是有大量使用的，虽然不推荐使用此方式，因为比较简单方方便，关于它的缺点最后介绍。

代码如下:

[ 其他 ] 运行代码下载代码

<script>
<input type="button" value="查看效果"/>
</script>

当点击此按钮的时候就会执行函数func()。

主要缺点如下:

1.无法对一个事件注册多个事件处理函数，前面的会被后面的覆盖。

2.是一种过时的注册事件处理函数方式，不推荐使用。

二.当前推荐的事件处理函数注册:

当前W3C标准中是使用addEventListener()和removeEventListener()函数注册和删除事件处理函数，当前的IE8以上浏览器和火狐、谷歌等标准浏览器都支持，但IE8和IE8以下浏览器不支持这两个函数，要使用attachEvent()和detachEvent()函数实现注册和删除功能。

代码封装如下:

[ 其他 ] 运行代码下载代码

<script>
function addEvent(obj,type,fn){ 
  if(typeof obj.addEventListener != 'undefined'){ 
    obj.addEventListener(type,fn,false); 
  }
  else if(obj.attachEvent != 'undefined'){ 
    obj.attachEvent('on' + type,function(){
      fn.call(obj,window.event); 
    }); 
  } 
};
</script>

代码描述：javascript事件处理函数绑定。javascript事件处理函数绑定简单介绍

下载全部收藏

146 194

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册