只允许鼠标悬停在iframe上（不要点击）

我正在寻找锁定和我目前拥有的iframe。只允许鼠标悬停在iframe上（不要点击）

我希望它可以让任何人都可以将鼠标悬停在上面，并且指针手指会出现，但它只是禁用所有能够在其中单击的功能。我试过使用pointer-events: none; css选项，但是它禁用了一切。

我似乎无法在网上找到任何地方，这将使这可能与iframe，任何想法？

2017-01-31 Jordan Wells

功能是连接/禁用了JavaScript，CSS没有。如果框架在同一个域上或在您控制的域上显示页面，则可以使用JS实现此目的。如果没有，你不能。您可以做的最好的方法是在框架顶部覆盖透明的DIV以防止点击。 – Utkanos

我没有访问的JavaScript - 但是我认为这可能是我最终要做的。 –

我想这可能对您有帮助：

<div title="Your title Here" style="pointer-events: none !important; cursor: pointer;"> 
    <iframe id="clock1" src="http://google.com" frameborder="0" width="110" height="110" 
      style="pointer-events: none !important; cursor: pointer;"></iframe> 
</div>

来源

2017-01-31 11:01:44

一个简单的解决方案可能是使用一个div作为你的iframe具有CSS属性cursor: pointer;顶部的捕手，这将模拟指针作用，你会阻止iframe中的所有交互。

#catcher { 
 
    cursor: pointer; 
 
    width: 100%; 
 
    height: 100%; 
 
    z-index: 1000; 
 
}

<div id="catcher"> 
 
<iframe src="https://www.google.com" width="100%" height="100%"> 
 
</iframe> 
 
<div>

来源

2017-01-31 11:11:18 GibboK

应该有可能解释，但这将工作很好，除了我希望他们能够悬停的原因是因为iframe中的图形，他们有点互动（你可以拖动它们，点击它们，调整它们等等），但我不想要这些。我只是希望能够将鼠标悬停在不同的数据点上，但如果可能的话，也不能这样做。 –

只允许鼠标悬停在iframe上（不要点击）

回答

相关问题