老师我有个问题

来源：3-4 事件类型（二）

xchengguang

2019-10-26 11:19:56

这段代码是资料里的源码下载下来的，去除了其他，只剩下了这个，可是浏览器里不生效，你也可以自己下载下来试下，而且为什么打印用的‘join’应该是拼接起来的，但是视频里是单个打印的呢
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>事件类型</title>
    <style>
        body {
            height: 1000px;
        }

        input {
            width: 300px;
            height: 50px;
        }

        div {
            padding: 20px 0;
            background: #666;
        }

        #myDiv {
            width: 500px;
            height: 500px;
            background: lightgreen;
        }
    </style>
</head>

<body>

    <div id="myDiv"></div>

    <script type="text/javascript">
        var EventUtil = {
            addHandler: function (element, type, handler) {
                //绑定事件
                //Chrome Firefox IE9等     addEventListener 
                //IE8及IE8以下的浏览器     attachEvent 
                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) {
                //移除事件
                //Chrome Firefox IE9等      
                //IE8及IE8以下的浏览器     
                if (element.removeEventListener) {
                    element.removeEventListener(type, handler, false);
                } else if (element.detachEvent) {
                    element.detachEvent("on" + type, handler);
                } else {
                    element["on" + type] = handler
                }
            },
            getTarget: function (event) {
                return event.target || event.srcElement;
            },
            preventDefault: function (event) {
                if (event.preventDefault) {
                    event.preventDefault();
                } else {
                    event.returnValue = false;
                }
            },
            stopPropagation: function (event) {
                if (event.stopPropagation) {
                    event.stopPropagation()
                } else {
                    event.cancelBubble = true;
                }
            }
        }

        var div = document.getElementById("myDiv");
        EventUtil.addHandler(div, "clcik", function (event) {
            var keys = new Array();
            if (event.shiftKey) {
                keys.push("shift");
            }
            if (event.ctrlKey) {
                keys.push("ctrl");
            }
            if (event.altKey) {
                keys.push("alt");
            }
            if (event.metaKey) {
                keys.push("meta");
            }
            console.log("keys:" + keys.join(","));
        });
    </script>
</body>

</html>

写回答

3回答