有沒有辦法讓一個img標籤在瀏覽器中不可選？

我在我的頁面中有圖像，我不希望它拾起鼠標點擊（如在瀏覽器中固有的拖放或拖動選擇它在瀏覽器中突出顯示圖像的位置。）有沒有辦法讓一個img標籤在瀏覽器中不可選？

Is there我可以對img或其父dom元素或頁面做些什麼來使瀏覽器在我點擊圖像時不做任何事情？我需要使用mousedown做其他事情，但瀏覽器似乎執行我的mousedown事件以及做自己的拖動或突出顯示，我不希望它。任何想法？

來源

2010-07-25 stu

如果你想這樣做是爲了防止人們複製和粘貼的圖像或保存它，那麼就不要指望它是對誰知道很有效任何有關電腦的事 – 2010-07-25 21:43:26

如果你把門鎖上你的房子，不要指望它對任何有關盜竊行爲的人都非常有效...... 通過讓事情變得更難，你可以阻止大多數人做某事。但在此之後，阻止它變得越來越困難。 – 2010-07-25 21:48:30

早在他們將黑客這個詞的含義改變成今天的含義之前，我就是一名黑客。我知道最好的辦法是讓人們不要在他們的機器上用數據做他們想做的事。 :-) – stu 2010-07-25 22:09:45

創建一個與圖像大小相同的div，然後將圖像設置爲div的背景。

來源

2010-07-25 21:43:03 recursive

我喜歡簡單，這聽起來不錯，但我正在嘗試它，它不會。我正在動態地製作這些img/div，並且每當我嘗試設置style =「background：url（blah）」時，我都會遇到一個錯誤，試圖設置何時只有一個getter可用。如果我使用style.backgroundImage = url，那麼我沒有錯誤，但圖像不顯示。是否有一些z索引或着色，我必須在我新創建的元素或一些內聯樣式或東西設置？ – stu 2010-07-25 22:08:44

沒關係我的語法錯了，讓它工作，謝謝。 – stu 2010-07-25 22:21:47

噢，新問題。我需要拉伸背景圖像，從我正在閱讀的內容中，這是不可能的。我錯過了一些訣竅嗎？ – stu 2010-07-25 22:26:26

最好的主意，我所得到的，是覆蓋一些透明<div<img ...和鼠標按下動作綁定到它:)編輯：或者，當然，如果u不會與IMG玩，ü可以使用它作爲一個background您DIV。

來源

2010-07-25 21:43:38 IProblemFactory

你是什麼意思「如果你不玩img」我創建了圖像我可以做任何我想做的事情，但是如果我不需要，我不想做出兩個元素。 – stu 2010-07-25 22:11:06

我的意思是，如果你的IMG是背景圖像，將會更難以改變它，調整大小等等...... – IProblemFactory 2010-07-25 22:26:07

使用jQuery，

$('img').click(function() { 
    return false; 
})

來源

2010-07-25 21:45:12 dockeryZ

真的可以做到沒有那30KB;> – IProblemFactory 2010-07-25 21:47:52

有些人已經在他們的網站上使用jQuery ... – 2010-07-25 23:13:03

遞歸說，使用一個div，並設置它的背景圖片到你想要的圖像，例如：

<div style="width: 879px; height: 576px; background-image: url(image.png);">

來源

2010-07-25 21:46:27

圖像是draggable by default。要重寫瀏覽器的默認行爲，請嘗試：

<img draggable="false"...

來源

2010-07-25 22:00:17 robertc

有沒有辦法讓一個img標籤在瀏覽器中不可選？

回答

相關問題