JavaScript实现跨浏览器的添加及删除事件绑定函数实例【javascript】

web前端|js教程 JavaScript实现跨浏览器的添加及删除事件绑定函数实例【javascript】

JavaScript,跨浏览器,添加,删除,事件绑定

web前端-js教程

本文实例讲述了JavaScript实现跨浏览器的添加及删除事件绑定函数。分享给大家供大家参考。具体如下：

织梦带会员的源码,ubuntu挂载点详解,现在还使用tomcat的吗,爬虫价值投资,网站用asp还是php,瑞金seo托管lzw

IE 的事件绑定函数是 attachEvent；而 Firefox, Safari 是 addEventListener；Opera 则两种都支持。使用jQuery就可以使用简单的bind()，或者$().click()之类的函数解决，而如果不使用JavaScript框架的时候，大家可是使用下面的封装bind()函数。

simcms旅游网站源码,vscode总报错,ubuntu文件拖不出来,tomcat 查看gc,sqlite 更新主键,天使插件,web五个前端框架,普洱爬虫技术排名,php模块 apache,spa应用seo,max(马克斯)电影网站,网页菜单切换代码,如何提取模板子目,在线课堂小程序源码thinkphplzw

添加事件绑定 bind()

易语言磁性窗口源码,vscode中终端路径的选择,ubuntu编程代码,tomcat是不是开源,反爬虫html,php邮局源码,泉山区专业seo优化哪家好lzw

/************************************* 添加事件绑定* @param obj  : 要绑定事件的元素* @param type : 事件名称。不加 "on". 如 : "click" 而不是 "onclick".* @param fn  : 事件处理函数************************************/function bind( obj, type, fn ){  if( obj.attachEvent){    obj['e'+type+fn]= fn;    obj[type+fn]=function(){     obj['e'+type+fn]( window.event);    }    obj.attachEvent('on'+type, obj[type+fn]);  }else    obj.addEventListener( type, fn,false);}

例如给document添加一个点击事件：

var fn=function(){  alert("Hello, World!!");};bind(document,"click", fn);

删除事件绑定 unbind()

unbind()对于上面的bind()函数

/************************************* 删除事件绑定* @param obj : 要删除事件的元素* @param type : 事件名称。不加 "on". 如 : "click" 而不是 "onclick"* @param fn : 事件处理函数************************************/function unbind( obj, type, fn ){  if( obj.detachEvent){    obj.detachEvent('on'+type, obj[type+fn]);    obj[type+fn]=null;  }else    obj.removeEventListener( type, fn,false);}

例如删除第一个绑定的document点击事件：