在 Vaadin 6 中添加 Javascript 以禁用 Tab 按键答案

【问题标题】：Adding Javascript in Vaadin 6 to disable Tab key press在 Vaadin 6 中添加 Javascript 以禁用 Tab 按键
【发布时间】：2016-01-21 17:05:06
【问题描述】：

我通过创建一个只有我的 JS 的新空组件来在 Vaadin 6 中添加 Javascript。基本上我只想在我的字段上禁用 Tab 按键事件。我搜索了互联网，但在 vaadin 中没有找到任何解决方案。所以我建议使用 js 来禁用 Tab 键事件。禁用 Tab 键的 JS 是：

$( document ).ready(function() {

    $(".v-absolutelayout-WebFormTable input").keydown(function(event) {

        if (event.keyCode == 9) //tab pressed
        {  
           event.preventDefault(); // stops its action            
        }
    });
});

我在我想要的组件上添加了具有 JS 的组件。在第一次尝试时，它按预期工作。但是这个解决方案并不可靠。它现在不工作了。谁能告诉我任何可靠的方法来禁用字段上的 Tab 键按下？我只想在选定的字段上禁用 Tab 键，而不是在所有浏览器页面上。

【问题讨论】：

标签： javascript java jquery vaadin vaadin6

【解决方案1】：

查看 addShortcutListener 方法。您可以使用它来检测 Tab 键是否被按下。

【讨论】：

我不能使用 addShortcutListener 方法，因为我没有固定数量的输入字段。我有一个包含许多组件的布局，它们是由用户在运行时创建的。添加 addShortcutListener 方法将需要我迭代并找到所有文本字段或输入字段并在所有这些字段上添加事件处理程序。这对我来说太贵了。
您可以在布局中添加快捷监听器，不必添加到字段中。
我已将其添加到布局和 AbstractLayout 上。我无法在我的情况下添加它。可能是因为 Vaadin 6？