美文网首页
小记 - javascript - 父页面监控子页面的点击事件

小记 - javascript - 父页面监控子页面的点击事件

作者: 木头就是我呀 | 来源:发表于2019-07-15 18:30 被阅读0次

    简单记录,是可以监控的,例子如下:

    父页面:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <iframe id="child" src="chi.html" scrolling="no" frameborder="0"></iframe>
    </body>
    <script>
        window.onload = function () {
            var _iframe = document.getElementById('child').contentWindow;
            var _div =_iframe.document.getElementById('button');
            _div.style.backgroundColor = 'red';
            _div.addEventListener("click",()=>{
                console.log("ssaad");
            })
        }
    </script>
    </html>
    

    子页面:

    <!DOCTYPE html>
    <html lang="en">
    <head>
       <meta charset="UTF-8">
       <title>Title</title>
    </head>
    <body>
       <button id="button">111</button>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:小记 - javascript - 父页面监控子页面的点击事件

          本文链接:https://www.haomeiwen.com/subject/rvjokctx.html