如何停止雙擊表格中某個單詞的頂部選擇它？

Question

我有一個表，我使用的CSS：

table.grid { 
    cursor: default; 
} 

所以現在光標停留作爲指針，當我將鼠標懸停在單詞。

但是，當我雙擊表中的東西，它被選中。我怎樣才能做到這一點，雙擊鼠標不會選擇該表內？

Answer 1

可以使用user-select屬性，用於

Demo

table { 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    cursor: default; 
} 

---

不過，如果你是指MDN，它會顯示一個紅色的大盒子它說，財產是非標因此，使用onmousedown和onselectstart事件與return false

<table> 
    <tr> 
     <td onmousedown='return false;' onselectstart='return false;'>Prevent from selecting this</td> 
    </tr> 
</table> 

Demo 2

Answer 2

試試這個...，並改變你need.Is這個你需要什麼？

<span class="test2"> 
      <a href="http://google.com">Double click me</a> 
      <em tabindex="-1">&nbsp;</em> 
     </span> 

和css是

.test2 { 
     padding: 10px 0; 
     position: relative; 
    } 
    .test2 em { 
     position: absolute; 
     top: -6px; 
     left: 0; 
     right: 0; 
     bottom: -1px; 
     z-index: 100; 
    } 
    .test2 em:focus { 
     display: none; 
    }