1

当我双击一个单元格时，它会选择该单元格的内容（好），但也会选择它右侧的单元格。

例子

我的 TD 是浮动的：

#addresstable td{
    float: left;
    width: 125px;
}

我已经尝试将 no select CSS 规则应用于标签，但是仍然选择了单元格并复制了文本：/

如何做到这一点，当我双击地址时，它只选择地址而不是标签？

整个代码（来自 Chrome Inspect 元素）：

<table id="addresstable" class="table table-bordered">
<tbody><tr class="hidden-phone gradient"><td><strong>Address</strong></td><td>Label</td><td>Actions</td></tr>
<tr><td class="small">mncFbqoSgv8nEM1nREGTtS6qNwLRYkjV8K</td><td><span class="addresslabel noselect" data-address="mncFbqoSgv8nEM1nREGTtS6qNwLRYkjV8K">Default</span></td><td><a href="javascript:;" class="editaddresslabel btn" data-address="mncFbqoSgv8nEM1nREGTtS6qNwLRYkjV8K"><i class="icon-pencil"></i> Label</a> <a href="javascript:;" class="qrcode btn" data-address="mncFbqoSgv8nEM1nREGTtS6qNwLRYkjV8K" data-original-title=""><i class="icon-qrcode"></i></a></td></tr>
</tbody></table>
4

2 回答 2

2

您可能希望确保您的 HTML 格式正确。我在这里为您的示例构建了标记：

http://jsfiddle.net/mchail/fXfsC/1

<table>
    <thead>
        <tr>
            <td>
                Address
            </td>
            <td>
                Label
            </td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                lkjsdflkjsdflkjsdflkjsdfl                
            </td>
            <td>
                Default
            </td>
        </tr>
    </tbody>
</table>

当我双击地址 td 时，它只选择了 td。如果您在验证标记后仍有问题，请发布您的代码，我会看看。

于 2013-05-30T23:43:24.587 回答
0

我有一个类似的问题。

不知道为什么会发生 - 很明显@mchail jsfiddle 显示一个简单的表格应该可以正常工作..

也许它与我正在使用的玉/哈巴狗有关，或者是有棱角的..

无论哪种方式 - 我只是通过用 div 包装单元格的内容来解决它。
所以我的哈巴狗文件看起来像这样：

table
  tr
    td
      div This is the content
    td something else

当我双击“这是内容”时，就被选中了。

于 2018-09-26T00:47:23.040 回答