在JavaScript中,可以使用事件监听器来监控th:each中的按键。以下是一个示例代码:

HTML部分:

<table>
    <tr th:each="item : \${items}">
        <td th:text="\${item}"></td>
    </tr>
</table>

JavaScript部分:

const rows = document.querySelectorAll("tr");

rows.forEach(row => {
    row.addEventListener("keydown", function(event) {
        // 在此处执行按键事件的处理逻辑
        console.log(event.key);
    });
});

在上述示例中,我们使用querySelectorAll方法选择所有的tr元素,并使用forEach方法遍历每个tr元素。然后,我们为每个tr元素添加了一个keydown事件监听器。在事件处理函数中,可以根据需要执行按键事件的处理逻辑,例如打印按下的按键值。

请注意,上述示例仅仅是一个简单的示例,如果你的需求更复杂,你可能需要进一步处理事件对象(event),以获取更多关于按键事件的信息。


原文地址: https://www.cveoy.top/t/topic/pLiM 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录