Question

我正在尝试使用以下代码处理跨域iframe但是它会捕获点击并且不会通过它。有人能告诉我它有什么问题。

<!DOCTYPE html>
            <html>
            <head>
            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
            <meta charset=utf-8 />
            <title>JS Bin</title>
            </head>

           <body>    
            <div class="iframeholder">
             <iframe src="https://somesite.com"></iframe>
           </div>
            </body>

            </html>
             <style>
              iframe{pointer-events:none;}
               </style>

        <script>
        $(document).ready(function () {

           $('.iframeholder').on('click', function(e) {
             e.preventDefault();
             alert('test');

       });
    });
    </script>

此外，如果我想用它绑定另一次点击以触发另一个链接自动点击这是可能的（即iframe中将有两个链接）使用下面的代码并用alert替换它的部分（'测试'）;从上面的代码或我会遇到一个xss错误：

$( "iframeholder" )
  .mousedown(function() {
    $( this ).trigger('click');
  })

所有帮助将不胜感激，我是新手：）

Answer 1

您无法使用javascript与iframe的DOM进行互动。

指针事件无法通过点击

1 个答案: