Question

我有一个表单，onkeyup会触发为某些字段创建建议框。我可以捕获向上箭头，向下箭头和转义的击键，并相应地使用它们在建议框中移动或关闭它。我想使用enter将他们的选择移动到触发建议的输入字段。但是，我似乎无法捕获输入击键。

控件永远不会进入我的javascript建议功能。相反，表格只是提交。我已经尝试了在输入时返回false的noEnter函数传递给onkeypress和onkeydown用于有问题的输入元素，没有骰子。该表单似乎从所有输入事件处理程序中获取控制权，并在其中任何一个可以执行任何操作之前提交自身。

表单提交是否覆盖字段中的所有其他事件处理程序，或者此处还有其他内容？如果确实如此，那有什么办法吗？

这是有问题的元素（删除了一些值）：

<input type="text" name="myInput" id="myInputField" size="22" onkeypress="noEnter(event)" onkeyup="suggest(event)" onblur="hideSuggestions()">

这是抓住它的javascript：

    var evnt = (event ? event : window.event);

    var key = evnt.keyCode;

    if(key == 13) { // Handle Enter
        alert("ENTER PRESSED.");
        hideSuggestions();
        return false;
    }

警报永远不会触发。放在函数顶部的警报也不会触发。但是，对于转义键，当我在key == 27检查警报时，将完全相同的代码放入。

对于几乎相同的主题还有其他问题，例如：Prevent Users from submitting form by hitting enter #2

但是，我没有使用jquery，我只想阻止enter提交这个字段。但是，各种问题中提到的其他解决方案似乎都不起作用。

EDITTED：解释设置密钥的位置。

Answer 1

尝试更改输入上的onkeyup事件以返回功能结果

所以在onkeypress事件中：

<input type="text" name="myInput" id="myInputField" size="22" onkeypress="return dontSubmit(event);" />

然后是JS：

function dontSubmit (event)
{
   if (event.keyCode == 13) {
      return false;
   }
}

可以阻止Enter从仅从某些输入字段在Javascript中提交表单

1 个答案: