兼容IE9以下和非IE浏览器的原生js事件绑定函数

水深无声 2022-08-08 07:01 201阅读 0赞

### **事件绑定函数的demo如下：** ###

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <meta charset="UTF-8"/>
        <title>测试事件绑定函数</title>
        <script> window.onload = function(){ var liObj, ulObj; ulObj = document.getElementsByTagName('ul')[0]; addEvent(ulObj, 'click', clickObjLi) }; //兼容IE和非IE浏览器 function addEvent(ele, event_name, func){ if(window.attachEvent){ ele.attachEvent(event_name, func); } else{ event_name = event_name.replace(/^on/, ""); ele.addEventListener(event_name, func, false); //默认事件是冒泡 } } function clickObjLi (event){ var currTarget = event.target||event.srcElement; alert(currTarget.innerHTML); } </script>
    </head>
    <body>
        <div>
            <ul>
                <li class="item1">测试事件绑定1</li>
                <li class="item2">测试事件绑定2</li>
                <li class="item3">测试事件绑定3</li>
                <li class="item4">测试事件绑定4</li>
            </ul>
        </div>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，201人围观）

还没有评论，来说两句吧...

相关阅读

相关如何让rgba()属性兼容IE9以下版本

rgba()，只支持IE9+ 如何解决兼容性问题呢？示例 background-color:rgba(0,0,0,0.3) background-color:\0

矫情吗；*/ 2022年11月30日 04:25/ 0 赞/ 169 阅读

相关针对IE浏览器的兼容性ie7、ie8、ie9

相对于来说浏览器的兼容性对于小伙伴来说是很头疼的吧！今天我在修改代码的时候，对于var cvts = document.getElementsByClassName("ap

- 日理万妓/ 2022年09月16日 13:27/ 0 赞/ 403 阅读

相关兼容IE9以下和非IE浏览器的原生js事件绑定函数

事件绑定函数的demo如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "ht

水深无声/ 2022年08月08日 07:01/ 0 赞/ 202 阅读

相关 ie浏览器兼容

ie低版本浏览器默认很多标签是自带样式的。 ul默认室友padding-left 40px li标签的默认样式是跟其他浏览器不一样的。默认情况下，Firefox中lis

灰太狼/ 2022年07月16日 00:45/ 0 赞/ 328 阅读

相关 IE6,IE7,IE8,IE9,FIREFOX,Chrome等浏览器兼容详解收集

CSS部分 div类 1. 居中问题 div里的内容，IE默认为居中，而FF默认为左对齐可以尝试增加代码margin:auto 2. 高度问题两上下排列或

骑猪看日落/ 2022年06月07日 04:38/ 0 赞/ 414 阅读

相关 favicon在IE和非IE浏览器上的兼容问题及其解决

作者：朱金灿来源：[http://blog.csdn.net/clever101][http_blog.csdn.net_clever101] fav

我不是女神ヾ/ 2022年06月03日 22:39/ 0 赞/ 242 阅读

相关原生js判断IE浏览器版本

// 判断IE浏览器版本 function IEVersion() { var userAgent = navigator.us

╰半夏微凉°/ 2022年05月15日 04:07/ 0 赞/ 327 阅读

相关 vue-cli 兼容ie，vue项目兼容ie9.ie11

1、首先 npm install --save babel-polyfill 2、然后在`main.js`中的最前面引入`babel-polyfill`

￡神魔★判官ぃ/ 2022年03月30日 04:47/ 0 赞/ 743 阅读

相关 JS兼容IE9以下的获取多个className的函数

开心，可以写前端博客了，有误的话希望大家给我指导。修改，早上的版本考虑不全，没有考虑‘aaa’包含在’aaabbb’的情况，然后下午发现了一个更简便的版本 //

清疚/ 2022年03月21日 11:18/ 0 赞/ 221 阅读

相关封装二级绑定事件中兼容高级浏览器与ie浏览器

封装二级绑定事件中兼容高级浏览器与ie浏览器 <div id="box"></div> <script type="text/javascript">

清疚/ 2021年09月02日 10:10/ 0 赞/ 342 阅读