文本選擇和冒泡

Question

這是問題： 我使用JavaScript和JQuery（而不是UI）在我的網頁中拖動嵌套的對象。 禁用文本選擇我必須從mousedown處理程序返回FALSE，但這也禁用事件冒泡。但我需要事件冒泡... 我能做什麼？ 感謝

Answer 1

禁用文本選擇的部分解決方案是CSS用戶選擇：

user-select: none; 
-moz-user-select: -moz-none; 
-khtml-user-select: none; 
-webkit-user-select: none; 

雖然，我不認爲它在IE瀏覽器。

另一個想法可能是（如果您的佈局允許）用一個不可見的div覆蓋文本。這應該防止文本選擇。

<div class='textbox'>text box<div class='overlay'></div></div> 

     .textbox { 
      width:100px; 
      height: 100px; 
      position: relative; 
     } 

     .overlay {  
      width: 100%; 
      height: 100%; 
      opacity: 0; 
      position:absolute; 
      top:0;left:0; 
     }