Question

我使用下面的代码使用数据表填充数据。

我想在其中一个列上编辑数据，编辑后我必须使用onblur事件验证值。

我尝试在 td 元素上调用onblur事件，但没有得到它。

非常感谢任何有助于实现这一目标的帮助。

 <table id='abc' border="1">
        <thead>
                <tr>
                    <th>Part Number</th>
                    <th>Quantity</th>
                </tr>
        </thead>

            <tbody>
             <c:forEach items="${uploadData.partsList}" var="part">
                <tr>
                    <td><c:out value="${part.partNumber}" /></td>
                    <td class="editableColumn" style="background-color:white"><c:out      value="${part.quantity}"/>
</td>

                </tr>
            </c:forEach>
        </tbody>
   </table>

Answer 1

如果您的TD具有tabindex属性，Onblur将会触发。

Answer 2

我很欣赏你在这里尝试做的事情Karibasappa，并且，我尽量不要成为一个告诉某人他们正在以'错误'的方式做这件事的人。然而，在这种情况下，TD对onblur事件的支持限制了您完成需求的能力。可能值得研究改变输入数据的处理方式（正如Gareth所提到的），可能通过在点击TD或嵌入式容器元素时将元素类型更改为更传统的输入字段。您应该会发现使用传统模型会使您的应用程序更加兼容，这在Web应用程序世界中非常重要。

同样，我非常感谢所有尝试获得传统上运作良好，运作良好的东西。它应该是我们的本性:)）

我期待着阅读最终解决方案。

Answer 3

如果您正在编辑数据，onblur应该进入可编辑的字段，例如输入，td将不会触发onblur事件，IE中除外。

表td上的onblur事件

3 个答案: