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

最新推荐文章于 2024-06-19 18:27:12 发布

Vivianluolita

最新推荐文章于 2024-06-19 18:27:12 发布

阅读量4.5w

点赞数 4

分类专栏： HTML5+CSS3

本文链接：https://blog.csdn.net/Vivianluolita/article/details/53689745

版权

HTML5+CSS3 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

核心：

 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>

Vivianluolita

关注

4
点赞
踩
9

收藏

觉得还不错? 一键收藏
3
评论
给页面内嵌iframe绑定监听事件

核心： var testiframe=document.getElementById("iframetest").contentWindow;代码：屏幕宽度为0 px请试着重新调整浏览器窗口的大小。1111 $(document).ready(function(){ function InitialClass()
复制链接

扫一扫

专栏目录