Question

我有一个功能可以检测到您在某个iframe中只悬停的内容。代码

$(document).ready(function(){
    editor();
});
function editor(){
    var iframe = document.getElementById("iframe")
    var doc = iframe.contentDocument || iframe.contentWindow.document;
    $(doc).on('mouseover',function(e){
      console.log("hey");
      //further code non-related
    });
}

当我移动鼠标并且我的鼠标悬停在某个iframe上时它应该会触发，但是当我加载它并且我的鼠标位于iframe时它只会执行一次。有没有我不知道的更新或？因此，当我将鼠标移到此iframe 时，没有任何发生，这有点让人感到不安和问题。

<小时/> 目标

因此，最初的目标是在页面上设置iframe，当我将鼠标移到iframe上时，我希望能够看到中的项目iframe我徘徊在。当鼠标 in iframe时，这只是。当我将鼠标悬停在中的 iframe时，我希望收到该消息....

什么时候有用

可行，没有内容。如您所见here。 Butttt ... 加载内容后，整个操作都会关闭，不再工作。

Answer 1

将事件绑定在 IFRAME DIRECTLY

上

＆＃13;

function editor(){
    $("iframe").on('mouseover',function(e){
      alert("hey");
      //further code non-related
    });
}

editor();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<iframe src="https://www.youtube.com/embed/NMBNZspmn7I">

</iframe>

＆＃13;

Jquery＆＃39; mouseover＆＃39;仅在加载内容之前

1 个答案: