javascript - 双击空白处，如何防止不被选中？

Question

在我的表格中，当我双击空白区域时，它被选中(以蓝色突出显示)，我该如何避免这种情况。但我仍然需要选择行上的文本。

我试过了，没用:

table{
    width:100%;
}

td{
    border:1px solid gray;
    -webkit-user-select  : text; //still empty space selected.
}

有人给点建议吗？ (在演示中点击 td 上的空白区域)

Live Demo

Answer 1

这是一种方法...

演示:http://jsfiddle.net/PEdq5/2/

添加一些标记(围绕文本/单元格内容的内联元素)

更新的 HTML

<table>
    <tbody>
        <tr>
            <td><span class="denali-tooltip tooltip-on-truncate project-name">Mahindra</span>
            </td>
            <td><span>1</span>
            </td>
            <td><span>19</span>
            </td>
        </tr>
    </tbody>
</table>

然后使用影响默认选择行为的 ::selection 伪元素规则添加一些 CSS。

额外的 CSS

td::selection {
    background-color: transparent;
}
td > span::selection {
    background-color: blue;
    color: white;
}

关于 ::selection 的附加信息。请注意，这是一项非标准功能。

https://developer.mozilla.org/en-US/docs/Web/CSS/::selection http://caniuse.com/#search=%3A%3Aselection