使用Prototype javascript输入密钥时提交表单

时间:2010-09-09 09:44:43

标签: javascript prototypejs

我已经看到了其他一些问题,但Prototype没有。

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

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

谢谢!

3 个答案:

答案 0 :(得分:10)

这是你可以使用的一种例子:

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

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

答案 1 :(得分:3)

与上述相同,但不需要设置功能:

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

答案 2 :(得分:0)

使用Prototype:

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();
                }
            });
        });
    });
});