Question

我目前在blur（）函数上遇到问题，因为它需要用户首先在框架之外或页面正文中单击才能运行。

以下是代码的链接：

$(document).ready(function(){
  $( window ).blur(function(){
      alert("you click the IFRAME!");
  });
});

https://jsfiddle.net/gaoj6fzs/15/

我想要的是，当我点击IFRAME时警报会提示，而不需要先点击框架外的任何部分。

Answer 1

您可能想要点击/关注事件。

// click
$(document).ready(function(){
  $( window ).click(function(){
      alert("you click the IFRAME!");
  });
});

// focus
$(document).ready(function(){
  $( window ).focus(function(){
      alert("you click the IFRAME!");
  });
});

Answer 2

您可以做的是找到iframe的内容，如果内容符合您的要求，那么用户点击iframe就不会

现在检查

  $('iframe').load(function(){

  $(this).contents().find("body").on('click', function(event) {     alert('test'); });
});

希望这会有所帮助

Answer 3

JavaScript：

$('iframe').load(function(){
  $(this).contents().find("body").on('click', function(event) { alert('test'); });
});
$('iframe').attr("src","JavaScript:'iframe content'");

<强> HTML

<iframe></iframe>

DEMO HERE

注1：两个网页都位于同一个网域。

注2：如果您有两个或更多iframe，则必须为其分别提供ID

jQuery模糊功能第一次不起作用

3 个答案: