javascript - 如何使 iframe 中的事件与处理程序一起工作？

Question

我希望当您将鼠标悬停在 iframe/超链接内的部分上时，动画将起作用。目前没有任何反应。我在我的网站上将 div 的宽度稍微加宽了，这样您就可以看到鼠标悬停事件（动作）应该做什么。

Html（用于视频）：

<div id="box3" onmouseout="$('#box3').stop().animate({boxShadow: '10px 10px 15px', top: 0}, 'fast')"
    onmousemove="$('#box3').stop().animate({boxShadow: '3px 3px 3px', top: 3}, 'fast')" style="top: 0px;
width: 710px;
box-shadow: 10px 10px 15px 0px rgb(102, 102, 102);">
<iframe width="700" height="525" id="under" src="http://www.youtube.com/embed/LRo-L9zYf-M" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

我尝试使用 css 和 z-index 将另一个 div 放在 iframe 前面，但这没有用

CSS：

#under {
width: 100%;
height: 100%;
position: relative;

}

#box3 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;

}

#box3 {
z-index: 10;

任何想法将不胜感激

谢谢

Answer 1

您无法使用 Javascript 从不同的域访问 iFrame 的内容。所有现代浏览器都将其作为安全功能，以防止您窃取信用卡信息。据我所知，没有办法解决这个问题。