当前位置: 首页 > Web前端 > vue.js

JavaScript事件绑定和取消

时间:2023-03-31 15:55:52 vue.js

定义发送DOM事件以通知代码发生了某些事情。每个事件都是一个继承自Event类的对象,其中可以包含自定义成员属性和函数,以获取有关事件发生的更多信息。事件可以表示从基本用户交互到渲染模型中发生的事件的自动通知的一切。绑定事件的方法1.ele.onxxx=function(event){}兼容性很好,但是一个元素只能绑定一个handler,基本等同于在HTML行上写2.ele.addEventListener(type,fn,错误的);IE9以下不兼容,一个事件可以绑定多个handler当第三个参数设置为true时,会在捕获过程中执行,否则会在冒泡过程中执行处理函数。3.ele.attachEvent('on'+type,fn);IE特有的,一个事件还可以绑定多个处理器到事件处理器的运行环境1.ele.onxxx=function(event){}this指向的程序是dom元素本身2.obj.addEventListener(type,功能,假);程序this指向dom元素本身3.obj.attachEvent('on'+type,fn);程序this指向addEvent(elemofwindowencapsulationcompatibility,type,handle)方法functionaddEvent(elem,type,handle){if(elem.addEventListener){elem.addEventListener(type,handle,false);}elseif(elem.attachEvent){elem.attachEvent('on'+type,function(){handle.call(elem);})}else{elem['on'+type]=handle;}}删除事件处理程序ele。onclick=false/''/null;ele.removeEventListener(type,func,false);ele.detachEvent('on'+type,func);注意:如果绑定了匿名函数,则无法移除