2011-03-30 78 views
9

如何使用Javascript禁用iframe,使用戶無法與iframe的內容交互(即滾動,選擇,拖動等)?例如,iframe中的Google地圖通常可以被拖動和縮放。如何防止這些行爲?如何在javascript中禁用iframe?

+5

你是什麼意思禁用?不顯示它? – 2011-03-30 06:24:49

+0

@Lea:像其他控件一樣禁用功能,如輸入等。簡單地說,模糊了,它不應該編輯。 – Jagadesh 2011-03-30 06:45:23

+0

我們如何才能重新開放這個問題?我有一個答案,但我無法提供它關閉的問題。 – 2014-03-21 18:18:18

回答

0

我不知道您是否可以使用disabled屬性(如輸入元素),但可以通過在iframe上放置元素來禁用鼠標交互,但這不會阻止用戶切換到它。

可能最好的辦法是將src屬性設置爲空白,但這會使iframe變爲空白,而不是模糊不清。

+0

將src設置爲空白會隱藏iframe的內容。這不是提問者想要的。我確實喜歡將另一個元素放在它上面的想法,因爲我檢查了,而禁用的屬性在iframe上不起作用。 – 2011-03-30 06:54:31

+0

@Lea那符合被禁止的定義*不是嗎?順便說一句,他們留下的評論是在我回答之後。 – alex 2011-03-30 06:58:24

11

如果你想禁用鼠標交互,這應該工作。

放一個DIV在你的iframe的頂部,像這樣(用自己的替換上,左,寬度和高度值):

<div id="blank" style="display:none; position:absolute; top:100px; left:100px; width:600px; height:400px;"> 

,當您希望禁用的iframe,在做到這一點javascript:

document.getElementById("blank").style.display="block"; 
+0

謝謝西蒙,它幫助我處理類似的情況。 – Pushpendra 2011-05-23 14:51:50

+1

謝謝你不禁用。這是隱藏的伴侶。 – kta 2018-01-03 07:15:02