IE6,7,8使用attachEvent时this指向问题
2014-12-10 10:37
295 查看
在IE下为某个元素添加多个事件时会用到attachEvent这个方法,使用方法:
element为要设置元素的document对象;type为事件名,如“onclick”,"onblur"等;fun为要触发的方法。但是在触发的方法内使用this的时候获得的是当前window对象,而不是当前设置的元素对象,这在使用的时候很郁闷,但是还好方法里面有event这个对象可以使用,通过这个对象可以获取到当前的元素对象,如下:
var _this=event.srcElement||event.target;这里变量名不能使用this了,所以换一个,这样这里获取到的_this就是我们想要的对象。
element.attachEvent(type,fun);
element为要设置元素的document对象;type为事件名,如“onclick”,"onblur"等;fun为要触发的方法。但是在触发的方法内使用this的时候获得的是当前window对象,而不是当前设置的元素对象,这在使用的时候很郁闷,但是还好方法里面有event这个对象可以使用,通过这个对象可以获取到当前的元素对象,如下:
var _this=event.srcElement||event.target;这里变量名不能使用this了,所以换一个,这样这里获取到的_this就是我们想要的对象。
相关文章推荐
- 解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
- vue使用axios时关于this的指向问题详解
- JS中的this指向问题以及apply、call、bind的使用
- 解决attachEvent中this指向问题
- vue使用axios中 this 指向问题
- JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
- 解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
- vue中使用定时器时this指向问题
- react组件中使用ajax时this的指向问题
- vue使用axios中 this 指向问题
- JavaScript call apply使用——JavaScript对象的方法绑定到DOM事件后this指向问题
- My97DatePicker IE6使用问题
- jQuery AJAX回调函数this指向问题
- 今天使用ie6访问有iframe页面时,出现cookie被阻挡的问题解决方法
- 解决在IE6下使用display: inline-block;的不兼容性问题
- 使用zoom、overflow解决IE6、IE7、FF下嵌套容器清除浮动问题
- 使用IEPNGFix 2.0解决IE6支持PNG透明问题
- 关于ie6中使用css滤镜后链接无法点击的问题
- jQuery AJAX回调函数this指向问题