【使用addEventListener绑定事件是关于this和event记录】的更多相关文章

使用addEventListener绑定事件是关于this和event记录

DOM元素使用addEventListener绑定事件的时候经常会碰到想把当前作用域传到函数内部,可以使用以下两种放下: var bindAsEventListener=function (object, fun) { return function(event){ return fun.call(object, (event || window.event); } } var moveFun = bindAsEventListener(this, that.move); 绑定事件 docume…

addEventListener()绑定事件的对象方法。

addEventListener()绑定事件的对象方法.addEventListener()含有三个参数,一个是事件名称,另一个是事件执行的函数,最后一个是事件捕获,, obj.addEventListener("click",function(){},true/false); 这里的事件名称跟直接写的事件名称不一样,在这里前面没有on, 还有就是按以往的方法定义事件的话后面的会覆盖掉前面的事件函数,但是按这种方式写的话几个事件函数都会执行, 最后是true和false的解释,,事件在…

window.addEventListener绑定事件记得删除

在做postMessage通信时,window.addEventListener绑定的事件记得要remove掉 就和setTime一样,不然占用内存资源…

探究绑定事件的this指向以及event传参的小问题

this指向 直接上代码,凑合着看 <input type="button" onclick="page()" value="点我"></input> <input type="button" value="点我2号" id="btn"/> <input type="button" value="点我3号"…

attachEvent方法绑定事件

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>attachevent.addEventListener绑定事件</title> </head> <body> <script> window.onload = function(){ var oBtn = document.getElementById('bt…

jQuery 为动态添加的元素绑定事件

在使用jquery的方式为元素绑定事件时,我经常使用bind或者click,但这只能为页面已经加载好的元素绑定事件.像需要用ajax的方式请求远程数据来动态添加页面元素时,显然以上几种绑定事件的方式是无效的,具体写法如下图. $(selector).bind(event,data,function) $(selector).click(function) $("#searchMoveVideoResult ul li").bind("click",function(…

jQuery绑定事件的on()

jQuery绑定事件 语法:$(selector).on(event,childselector,function(){}); 可以为自身的加事件(一个或多个)  也可以为其子元素加事件(一个或多个) 自己加事件例子: $('ul').on('click',function(event){ alert(this); }); 为子元素加事件例子 $('ul').on('click mouseenter','li',function(){ alert(this); })…

dom addeventlistener与id 绑定事件的区别

文档中有写. //addEventListener() 方法用于向指定元素添加事件句柄. //提示: 使用 removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄. //Internet Explorer 8 及更早IE版本不支持 addEventListener() 方法,,Opera 7.0 及 Opera 更早版本也不支持. 但是,对于这些不支持该函数的浏览器,你可以使用 attachEvent() 方法来添加事件句柄 (查看 "更…

javascript绑定事件addEventListener与attachEvent

1.eleObj.addEventListener(eventName,handle,useCapture); eleObj:DOM元素: eventName:事件名称.注意,这里的事件名称没有“ on ”,如鼠标单击事件 click ,鼠标双击事件 doubleclick ,鼠标移入事件 mouseover,鼠标移出事件 mouseout 等. handle:事件句柄函数,即用来处理事件的函数: useCapture:Boolean类型,是否使用捕获,一般用false: 2.eleObj.at…

js绑定事件方法：addEventListener与attachEvent的不同浏览器的兼容性写法

js的事件绑定方法中,ie仅仅支持attachEvent,而FF和Chrome仅仅支持addEventListener,所以就必须为这两个方法做兼容处理,原理是先推断attachEvent仅仅否为真(存在),假设为真则用attachEvent()方法.否则的话就用addEventListener(). 另外,为了避免每次绑定事件时都要做推断.能够封装一个函数myAddEvent(obj,ev,fn){}. 代码例如以下: <!DOCTYPE html> <html> <hea…