如何通过js实现添加事件监听和移除事件监听

如何通过js实现添加事件监听和移除事件监听,第1张

直接用js实现比较麻烦,不同版本的浏览器(主要是低版本的)支持的方法会不一样。

建议使用jquery实现:

添加事件例:

$("button").on("click", function(){

    console.log("clicked")

})

移除事件例:

$("button").off("click")

文档链接:http://api.jquery.com/on/

function DoEvents(){

this.lstner=[]//this.lstner? lstner是属性吗? this又是指什么对象, []是指数组吗?javascript的写法是这样的吗? 不用加个声明

//相当于类参数(this指当前类)。声明了一个数组,javascript的写法就是这样的,要加声明么?"=[]"不就说明了吗。

this.addListen=function(obj){

//添加侦听

obj=typeof(obj)=="string"?document.getElementById(obj):this.lstner.push(obj)

//这是一个逻辑判断的三元表达式(typeof(obj)=="string"?document.getElementById(obj):this.lstner.push(obj)) + 赋值(obj=),

//意思是如果obj是string类型(== 逻辑判断),则返回document.getElementById(obj),否则返回this.lstner.push(obj)<-将obj压入数组中后返回

//在最后,将返回值赋给obj,从下面的处理来看,其实赋值给obj没有什么实质用处。

}

this.broadcastEvent=function(f,args){//广播事件// broadcastEvent为什么在帮助文档和搜索引擎里找不到呢,他是指什么 <-内部自定义的方法,相当于类方法

for(i=0i<this.lstner.lengthi++){

eval(f).apply(this.lstner[i],args)//这句的意思是? ,<- 将指定的事件(f)绑定到需要触发事件的对象(this.lstner[i])上。

// 这个 f是指什么? args又是指什么? <- f是由调用时指定的事件名称(methodName), args 是该方法触发是所要的参数列表,请参照调用的地方。

}

}

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11922739.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存