给页面内嵌iframe绑定监听事件

Posted Vivianluolita

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了给页面内嵌iframe绑定监听事件相关的知识,希望对你有一定的参考价值。

核心:

 var testiframe=document.getElementById("iframetest").contentWindow;

代码:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
</head>
<body>

<p>屏幕宽度为<span>0</span> px</p>
<p>请试着重新调整浏览器窗口的大小。</p>
<iframe  id="iframetest" width="320" height="330" name="aa" frameborder="2" src="../html/wxPictureContentsEdit.html">1111</iframe>
<!--scrolling="no"-->
<script type="text/javascript">
    $(document).ready(function()
        function InitialClass()
            $("iframe").css("width","60%");
            $("body").css("background","pink");
           /* */
        InitialClass();
        $(window).resize(function() 
            var WindowWidth=$(window).width();
            $("span").text(WindowWidth);
            var brow=$.browser;
            var bInfo="";
            if(brow.msie)
                if(WindowWidth>1250)
                    $("iframe").css("width","100%");
                else if((900<WindowWidth)&&(WindowWidth<1200))
                    $("iframe").css("width","100%");
                else if((400<WindowWidth)&&(WindowWidth<900))
                    $("iframe").css("width","100%");
                else if((100<WindowWidth)&&(WindowWidth<300))
                    $("iframe").css("width","100%");
                
            
            if(brow.mozilla)
            if(brow.safari)
            if(brow.opera)
        );


        //滚动监听事件
        var testiframe=document.getElementById("iframetest").contentWindow;
        var doc=testiframe.document;
        /*testiframe.scroll(0,doc.body.scrollHeight);*/
        testiframe.addEventListener("scroll",function(e)
            alert("111");
            return stopDefault(e);
        ,false)
      /*  testiframe.οnscrοll= function () 
            alert("11111");
        */
    );


   /* var testiframe=document.getElementById("iframetest");

    console.log(testiframe);

    var fun = function()
        alert("333333");
        testiframe.removeEventListener("scroll",fun,false);
    

    testiframe.addEventListener("scroll",fun,false);*/











</script>
<![endif]-->
</body>
</html>



以上是关于给页面内嵌iframe绑定监听事件的主要内容,如果未能解决你的问题,请参考以下文章

iframe传参

iframe学习之监听窗口

iframe子页面在跨域情况下使用父页面的方法

和内嵌的iframe进行通讯

为iframe添加onclick事件

分针网—每日分享:Vue.js事件处理器与表单控件绑定