js怎么绑定php中事件,通过原生JS实现为元素添加事件的方法

自己写了一个为元素添加事件的方法，并封装到对象中。

说明：

id : 目标元素的ID

type: 事件的类型，注意的是不能加on

fn:事件处理程序

isBubble :规定事件流

代码：

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实现为元素添加事件的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。