2012-10-28 79 views
1

我試過沒有成功禁用此代碼中的文本選擇。編輯(謝謝techfoobar):http://jsfiddle.net/5uG63/3/我已經應用了大部分代碼的唯一元素是其中包含三個元素的元素。其他人將能夠突出顯示。我知道沒有任何拖動函數可以工作,因爲這是一個更大的代碼塊的片段,很難發佈,看到它通過Ajax獲取元素。我並不是真的擔心用戶選擇可能採取信息的文本,但有時當文本被選中時,它會干擾拖放功能。正文選擇Internet Explorer

對於包含三個元素以及所有其他元素啓用時的元素,似乎只有一種情況會發生這種情況。使用Internet Explorer時,如果要單擊最左側兩個框之間的空白區域的中心,然後將鼠標拖到兩個框的最右側,則會選擇數字3。我正在使用Internet Explorer 9.

我試圖在CSS中禁用它,這似乎沒有什麼效果。我認爲這個問題是,它被從它在div外選擇

這是我使用的CSS:How to disable text selection highlighting using CSS?

-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 

感謝您的幫助!

+2

不要只是將所有內容放入jsFiddle的HTML部分。將CSS和JavaScript放在正確的部分,並在HTML面板中只留下'body'的內容。 – Ana

+0

謝謝你的回覆。我確實嘗試過這樣做,然後停止運作。抱歉給你帶來不便。 – dannyn382

+0

這是你的小提琴的適當版本。 :-) http://jsfiddle.net/5uG63/3/ – techfoobar

回答

0

對於您的表,您已指定onselectstart="select()"。您應該將此更改爲onselectstart="return select()"(注意返回)以確保您從返回的false select()函數被通知給瀏覽器,這又會阻止選擇。

入住這小提琴http://jsfiddle.net/5uG63/4/

注:如果你開始從元件本身選擇這樣纔有效。如果你開始從桌子外面選擇,事情仍然會被選中。

+0

是的,我有一個解決方案,選擇正在運行的元素。我遇到的問題是從外部選擇元素的具體情況。感謝您的幫助! – dannyn382

相關問題