用户如何与HTML表格单元格交互?

时间:2014-04-15 17:59:32

标签: javascript html html5 html-table

我正在使用以下代码来处理网页。在页面本身,用户可以双击表格中的单元格(下面代码中的<td>),然后输入一个值。

此HTML的属性或部分是否表示用户可以与此<td>元素进行交互?或者此功能是否来自其他来源(如Javascript)?

<tr class="ig_290640c5_r2" id="uwgBulkImportList_r_1" style="height: 20px;" alt="true Object="[object Object]">
  <td class="" id="uwgBulkImportList_rc_1_0" Object="[object Object]" unselectable="on" _hasMouse="false">
    <nobr>
      Text - Empty Text Node

2 个答案:

答案 0 :(得分:5)

HTML没有contenteditable或任何属性的指示,该元素会使td能够接受输入。我最好的猜测是你通过JavaScript完成的。​​

在JavaScript中,可能存在类似

的功能
$(document).ready(function() {
    $('td. [some properties] ').each(function() {
        $(this).attr( { 'contenteditable': 'contenteditable' } );
        // or attach an <input> field
    } );
} );

这是我最好的猜测,但这只是一点点的考虑。

答案 1 :(得分:0)

您最有可能使用JavaScript查找表格上的点击次数,然后根据点击位置提供编辑特定单元格的选项。

您能向我们展示JavaScript代码吗?