当前位置:  开发笔记 > 编程语言 > 正文

处理用户在ASP.NET MVC网站中点击"Enter"键

如何解决《处理用户在ASP.NETMVC网站中点击"Enter"键》经验,为你挑选了2个好方法。

我正在使用具有多个提交按钮的ASP.NET MVC网站.即

    
    
    

我需要允许用户通过按"Enter"键快速提交表单.HTML标准似乎指定如果用户按下"Enter"键,将假定第一个提交按钮.但是,我需要将第二个按钮(即"确定")按钮设为默认按钮,并且由于我甚至不想谈论的原因,更改按钮顺序不是一个选项.

我google了一下,我发现这篇文章关于在ASP.NET中使用Page.Form.DefaultButton,但这不适用于ASP.NET MVC.

我也尝试了以下javascript解决方案,虽然它可以在Chrome中运行但在IE6中不起作用

    $('body').keypress(function(e) {
       if (e.which === 13) {
          $("input[value='OK']").trigger('click');
       }
    });

我可以想到一些非常极端的解决方案,例如遍历表单中的每个控件,将上述函数附加到它们上面.但是,我不认为这是一个非常简洁的解决方案,所以我想知道有没有人有更好的解决方案?



1> karim79..:

首先,这是错误的:




所有这三个都是提交按钮.复位是type ="reset"的输入.得到那个排序.其次,我已经成功实现了类似的东西,它适用于IE6.试试这个:

    function keypressHandler(e)
    {
        if(e.which == 13) {
            e.preventDefault(); //stops default action: submitting form
            $(this).blur();
            $('#SubmitButton').focus().click();//give your submit an ID
        }
    }

    $('#myForm').keypress(keypressHandler);

当用户按下回车键时,focus()部分会使按钮显示为按下.相当漂亮.



2> jitter..:

用这个.

$(function(){
    $('input').keydown(function(e){
        if (e.keyCode == 13) {
            $("input[value='OK']").focus().click();
            return false;
        }
    });
});

推荐阅读
mobiledu2402851373
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有