Question

单击图像时如何触发onclick事件？
一个限制是我无法修改testcode2.html。

现在href属性仅适用请帮帮我:( !!

<script>
    function go()
    {
         alert("Hello World!");
    } 
</script>
<div href="#" onClick="go()">
  <iframe src="testcode2.html" />
</div>

testcode2.html如下：

<a href="http://translate.google.com">
<img src="http://cdn01.cdn.pinkisthenewblog.com/wp-content/uploads/2012/07/071712_findingnemosequelfeat-250x250.jpg"/></a>

Answer 1

这可能会对您有所帮助http://jsfiddle.net/fjGJ5/

的jQuery

$(document).ready(function(){
$(".frame").on('click', call);
});

function call(){
alert("I am called.");
}

HTML

<div class="frame">
    <iframe src="http://www.jsfiddle.net/" name="iframe_a"></iframe>
</div>

Answer 2

给div一个ID，然后使用jQuery触发onClick事件。

<script type="text/javascript" src="jquery-1.10.2.min.js">
$( document ).ready(function() {
    $("#divIFrame").click(function(){
    alert("Hello World");
    });
 });
</script>
<div href="#" ID="divIFrame">
  <iframe src="testcode2.html" />
</div>

Answer 3

在testcode2.html上移动脚本

<a href="javascript:go()">
<img src="http://cdn01.cdn.pinkisthenewblog.com/wp-content/uploads/2012/07/071712_findingnemosequelfeat-250x250.jpg"/></a>

然后在警告后通过javascript进行重定向

Answer 4

调用在父使用window.parent

中定义的Javascript函数

<a href="http://translate.google.com" onclick="window.parent.go();">
    <img src="http://cdn01.cdn.pinkisthenewblog.com/wp-content/uploads/2012/07/071712_findingnemosequelfeat-250x250.jpg"/>
</a>

您可能希望停止重定向，在这种情况下向您的go（）函数添加return false，然后使用onclick="return window.parent.go();"

Answer 5

<script>
  window.onload = function() {
    document.getElementById("test_frame").contentWindow.document.body.onclick = function(){
      alert("Hello World!");
    };
  };
</script>

<iframe id="test_frame" src="testcode2.html" />

编辑：如果你不能使用getElementById（），querySelector（）或getElementsByTagName（）可能会有效。

    <script>
      window.onload = function() {
        document.querySelector("iframe").contentWindow.document.body.onclick = function(){
          alert("Hello World!");
        };
       /* document.getElementsByTagName("iframe")[0].contentWindow.document.body.onclick
= function(){
          alert("Hello World!");
        }; */
      };
    </script>

    <iframe id="test_frame" src="testcode2.html" />

如何在div上工作onclick事件，包括iframe？

5 个答案: