Question

我确信这是可能的，因为我能够使用jQuery来完成它。

＆＃13;

$('iframe').mouseenter(function(){
    alert('jquery-work')
});

document.getElementById('iframe').addEventListener('mouseenter',function(){
    alert('vanilla-js not prompt')
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<iframe id=iframe src=http://www.bing.com></iframe>
Try to enter and leave the ifame<br>
I want the vanilla js to execute, but only js function execute

＆＃13;

Answer 1

只需查看上面的代码，您的jQuery调用就不会查找ID为iframe但任何iFrame元素的元素。如果您将id="iframe"添加到iframe，那么您的vaniall代码应该有效。

与jQuery中底层代码的等效实际上是

$('#iframe') //element with the id of iframe

$('iframe') //Any iFrame elements

$('.iframe') //element with the class of iframe

以下是答案：

document.getElementById('iframe').addEventListener('mouseenter',function(){
alert('vanilla-js not prompt')
})

http://jsfiddle.net/0uz19cmu/4/

Answer 2

这是你想要的吗？ http://jsfiddle.net/0uz19cmu/3/

document.getElementsByTagName('iframe')[0].onmouseenter = function() {
    alert('vanilla-js not prompt');
};

这只会获得文档中的第一个iframe。如果你想获得一个特定的，我建议使用id。

如何在纯javascript中检查mouseenter iframe？

2 个答案: