如何停止双击表格内的单词顶部而不选择它？

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和{{进行JavaScript回退1}} onselectstart

的事件

return false

Demo 2

Answer 2

试试这个...并根据需要进行更改。这是否需要？

 <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; 
    }