分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

js绑定事件方法:addEventListener的兼容问题

发布时间:2023-09-06 02:11责任编辑:彭小芳关键词:js

js的事件绑定方法中,ie只支持attachEvent,而FF和Chrome只支持addEventListener;严格来说:addEventListener只有IE9以上版本的IE浏览器上能够兼容,IE8或者更低的版本是不支持,这时要想能够兼容IE低版本浏览器就需要判断当前浏览器然后针对不同浏览器决定用哪一个。

  attachEvent和addEventLitener的不同之处是第二个参数事件名要多加个“on”,比如‘onclick’,而且他的this 指向的是window,在使用的时候需要改变this指向。下面就是一个兼容的写法:

 1 var Event = {}; 2 Event.addEvents = function(target,eventType,handle){ 3 ????????if(document.addEventListener){ 4 ???????????????Event.addEvents = function(target,eventType,handle){ 5 ??????????????????????target.addEventListener(eventTypt,handle,false); 6 ????????}; 7 ????}else { 8 ????????Event.addEvents = function(target,eventType,handle){ 9 ????????????target.attachEvent(‘on‘+eventType,function(){10 ????????????????handle.call(target,arguments);11 ????????????});12 ????????};13 ????14 ????}15 ????Event.addEvents(target,eventType,handle);16 17 ????} ???????????????????

调用方法:

1 Event.addEvents(document,"click",function(){2 ????????alert(ok)3 });

js绑定事件方法:addEventListener的兼容问题

原文地址:https://www.cnblogs.com/nxl0908/p/9517884.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved