Javascript 表td上的onblur事件

Javascript 表td上的onblur事件,javascript,jquery,html,Javascript,Jquery,Html,我使用下面的代码使用数据表填充数据 我想编辑其中一列上的数据,编辑后,我必须使用onblur事件验证该值 我尝试在td元素上调用onblur事件,但没有得到它 非常感谢为实现这一目标提供的任何帮助 <table id='abc' border="1"> <thead> <tr> <th>Part Number</th>

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

我想编辑其中一列上的数据,编辑后,我必须使用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>

零件号
量

如果您正在编辑数据,onblur应进入可编辑字段(如输入),td不会在onblur事件中触发,IE除外。

如果您正在编辑数据,onblur应进入可编辑字段(如输入),td不会在onblur事件中触发,除IE外。

如果你的TD有tabindex属性,Onblur将触发。

如果你的TD有tabindex属性,Onblur将触发。

我很欣赏你在Karibasapa尝试做的事情,我尽量不告诉别人他们做得“不对”。然而,在这种情况下,TD对onblur事件的支持限制了您满足需求的能力。更改输入数据的处理方式(如Gareth所述)可能值得一试,可以在单击TD或嵌入式容器元素时将元素类型更改为更传统的输入字段。您应该发现,使用传统模型将使您的应用程序更加兼容,这在web应用程序世界中非常重要

再一次,我非常感谢所有试图让传统上不好用的东西很好用的尝试。这应该是我们的天性:)


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

我很感激你在这里所做的一切,卡里巴萨,而且,我尽量不告诉别人他们的做法是“错误的”。然而,在这种情况下,TD对onblur事件的支持限制了您满足需求的能力。更改输入数据的处理方式(如Gareth所述)可能值得一试,可以在单击TD或嵌入式容器元素时将元素类型更改为更传统的输入字段。您应该发现,使用传统模型将使您的应用程序更加兼容,这在web应用程序世界中非常重要

再一次,我非常感谢所有试图让传统上不好用的东西很好用的尝试。这应该是我们的天性:)


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

与MSIE不同——MSIE中几乎所有类型的元素都接收模糊事件——Gecko浏览器上几乎所有类型的元素都不能处理此事件。与MSIE(几乎所有类型的元素都接收模糊事件)不同的是,Gecko浏览器上几乎所有类型的元素都不能使用此事件。可能重复,但在我的例子中,我正在编辑表数据td,因此我需要onblur。我如何实现这一点?您如何编辑数据,我在您的示例中看到的将构建一个只显示数据的静态表?否@Gareth,当我点击列时,它将变为可编辑的,并且onblur应该进行验证。我能想到的最好方法是在列中创建一个输入字段,并在该字段而不是td上进行onblur验证。但在我的情况下,我正在编辑表数据td,因此我需要onblur来实现这一点。我如何实现这一点?您是如何编辑数据的,我在您的示例中看到的是构建一个只显示数据的静态表?不@Gareth,当我单击列时,它将变成可编辑的,并且onblur应该进行验证。我能想到的最好方法是在您的内部创建一个输入字段,并在该字段而不是td上进行onblur验证。