只允許鼠標懸停在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上（不要點擊）

回答

相關問題