JS打印页面绑定事件和点击事件

最新推荐文章于 2024-07-11 08:47:19 发布

Snowball

最新推荐文章于 2024-07-11 08:47:19 发布

阅读量4.6k

点赞数 2

分类专栏： Other 文章标签： JavaScript js

本文链接：https://blog.csdn.net/yangzl2008/article/details/42272097

版权

Other 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<html>
<head>
    <style>
        .debugLog {
            font-size: 14px;
        }
    </style>
    <script>
        (function () {
            window.LogDivObj = document.createElement("div");
            window.LogDivObj.className = "debugLog";

            var htmlElement = HTMLElement.prototype;
            var oldAddEventListener = htmlElement.addEventListener;

            function getElementId(dom) {
                var id = dom.id,
                        className = dom.className,
                        tagName = dom.tagName;
                return tagName + (id ? "#" + id : (className ? "." + className : ""));
            }

            var proxy = function () {

                window.LogDivObj.innerHTML = window.LogDivObj.innerHTML + "<br/>bind " + getElementId(this) + " : " + arguments[0];
                var fun = arguments[1];
                arguments[1] = function () {
                    window.LogDivObj.innerHTML = window.LogDivObj.innerHTML + "<br/>fire " + getElementId(arguments[0].srcElement) + " : " + arguments[0].type;
                    var result = fun.apply(this, arguments);
                    return result;
                }
                var result = oldAddEventListener.apply(this, arguments);
                return result;
            }
            htmlElement.addEventListener = proxy;
        })();
    </script>
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("div").delegate("button", "click", function () {
                $("p").slideToggle();
            });
        });
    </script>
</head>
<body>
<div style="background-color:red">
    <p>这是一个段落。</p>
    <button>请点击这里</button>
</div>
<script>
    document.body.appendChild(window.LogDivObj);
</script>
</body>
</html>