zoukankan      html  css  js  c++  java
  • 事件处理程序

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>DOM0级DOM2级</title>
    </head>
    <body>
    <input id="btn1" type="button" value="click1" onclick="show()">
    <input id="btn2" type="button" value="click2">
    <input id="btn3" type="button" value="click3">
    <script>
        function show() {
            alert("btn1");
        }
        //DOM0级
        var btn2 = document.getElementById("btn2");
        btn2.onclick = function () {
            alert("DOM0级btn2");
        };
        //DOM2级
        function show2() {
            alert("DOM2级btn3");
        }
        var btn3 = document.getElementById("btn3");
    //    btn3.addEventListener("click",show2,false);
    //    btn3.removeEventListener("click",show2,false);
        //ie事件处理程序
    //    btn3.attachEvent("onclick",show2);
    //    btn3.detachEvent("onclick",show2);
        //跨浏览器事件处理程序
        //能力检测
    var eventUtil = {
            //添加具柄;
            addHandler:function (element,type,handler) {
                if (element.addEventListener){
                    element.addEventListener(type,handler,false);
                }else if(element.attachEvent){
                    element.attachEvent("on"+type,handler);
                }else {
                    element["on"+type]=handler;
                }
            },
            //删除具柄;
            removeHandler:function (element,type,handler) {
                if (element.removeEventListener){
                    element.removeEventListener(type,handler,false);
                }else if(element.detachEvent){
                    element.detachEvent("on"+type,handler);
                }else {
                    element["on"+type]=null;
                }
            }
    };
    eventUtil.addHandler(btn3,"click",show2);
    eventUtil.removeHandler(btn3,"click",show2);
    </script>
    </body>
    </html>
  • 相关阅读:
    cisco 4500X 交换机限速
    HPE 交换机基础配置
    MySQL数据库之主从复制
    MySQL复制线程状态转变
    MySQL数据库备份之mysqldump
    MySQL数据库之慢查询日志
    MySQL数据库之多线程备份工具mydumper
    MySQL数据库之索引
    MySQL之二进制日志
    MySQL数据库之sql_mode解释
  • 原文地址:https://www.cnblogs.com/sunxirui00/p/7509065.html
Copyright © 2011-2022 走看看