使用 Prototype javascript 按下输入键时提交表单答案

【问题标题】：Submit form when enter key pressed using Prototype javascript使用 Prototype javascript 按下输入键时提交表单
【发布时间】：2010-09-09 09:44:42
【问题描述】：

我已经看到了一些其他关于这个的问题，但没有关于 Prototype 的问题。

我有一个没有提交按钮的表单（使用调用一些 javascript 的样式链接）。

在所有输入字段中检测回车键并提交表单的最佳方法是什么？

谢谢！

【问题讨论】：

我无法提供任何针对 Prototype 的建议，但您是否考虑过添加提交按钮，然后使用 Prototype/JS 将其隐藏？这不是您想要的答案，但会很好地降级。

标签： javascript prototypejs

【解决方案1】：

这是您可以使用的示例：

$('input').observe('keypress', keypressHandler);

function keypressHandler (event){
    var key = event.which || event.keyCode;
    switch (key) {
        default:
        break;
        case Event.KEY_RETURN:
            $('yourform').submit();
        break;   
    }
}

【讨论】：

【解决方案2】：

同上，但不需要设置函数：

$('input').observe('keypress', function(event){
    if ( event.keyCode == Event.KEY_RETURN  || event.which == Event.KEY_RETURN ) {
        // enter here your code
        Event.stop(event);
    }
});

【讨论】：

【解决方案3】：

带原型：

document.observe("dom:loaded", function() {
    $$('form').each(function(f) {
        $(f).select("input").each(function(e) {
            e.observe('keypress', function(event) {
                if ( event.keyCode == Event.KEY_RETURN  || event.which == Event.KEY_RETURN ) {
                    this.form.submit();
                }
            });
        });
    });
});

【讨论】：