源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

通过原生JS实现为元素添加事件的方法

  • 时间:2021-10-29 21:14 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:通过原生JS实现为元素添加事件的方法
自己写了一个为元素添加事件的方法,并封装到对象中。 [b]说明:[/b] [b]id : 目标元素的ID[/b] [b]type: 事件的类型,注意的是不能加on[/b] [b]fn:事件处理程序[/b] [b]isBubble :规定事件流[/b] [b]代码:[/b]
var bindEvent = {

    'add':function(id,type,fn,isBubble){

      var dom = document.getElementById(id);
      if(!isBubble) isBubble=false;
      if(dom.addEventListenner){
        dom.addEventListenner(type,fn,isBubble);
      }else if(dom.attachEvent){
        Transit = function(){
          fn.call(dom);
        }
        dom.attachEvent('on'+type,Transit);
      }else{
        dom['on'+type] = fn;
      }
    },
    'remove':function(id,type,fn,isBubble){
      var dom = document.getElementById(id);
      if(!isBubble) isBubble=false;
      if(dom.removeEventListenner){
        dom.removeEventListenner(type,fn,isBubble)
      }else if(dom.detachEvent){
        dom.detachEvent('on'+type,Transit)
      }else{
        dom['on'+type]=null;
      }

    }

  }
调用方法:
//定义事件处理程序
 function msg(){
  alert(this.tagName)
 }

 //为目标元素绑定事件
 bindEvent.add('link','click',msg,false);

 //解除目标元素绑定的事件
 bindEvent.remove('link','click',msg,false);
以上这篇通过原生JS实现为元素添加事件的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部