zoukankan      html  css  js  c++  java
  • 兼容IE9以下和非IE浏览器的原生js事件绑定函数

    事件绑定函数的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;
                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>
  • 相关阅读:
    题目分享M
    题目分享L
    题目分享J
    题目分享I
    FarmCraft
    C++语言中一些可能会用到的函数及头文件
    最小生成树(Kruskal & Prim & Boruvka)
    线段树板子(懒惰标记)
    FarmCraft——树形DP+贪心
    tarjan算法板子
  • 原文地址:https://www.cnblogs.com/yisuowushinian/p/4532005.html
Copyright © 2011-2022 走看看