习惯了CS回车操作人员,操作BS网页表单也是回车666

Posted 六一儿童节

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了习惯了CS回车操作人员,操作BS网页表单也是回车666相关的知识,希望对你有一定的参考价值。

1.第一步把表单,里面需要回车的input,或者是其他的表单按钮给一个clsss,例如下面的$(‘.cls‘);

2.第二步,  把下面的代码复制过去,填写完最后一个自动提交:$("#savedown").click();

3.选中input的框的时候一定要全部选中,不然操作会不方便,给一个提示

----------------------------------------------------------------------------------------------------------------------------------------

$("input").focus(function() {
                        this.select();
                    });   

-----------------------------------------------------------------------------------------------------------------------------------------

<input style="width:208px;" id="onlyshipid" class="form-control cls" type="text" onblur="clearorchangeNum()">

<input style="width:208px;" id="onlyshipid" class="form-control cls" type="text" onblur="clearorchangeNum()">

$(function(){
                    $("input").focus(function() {
                        this.select();
                    });    
                    $(‘#goodsnameid‘).focus();
                    var $inp = $(‘.cls‘);
                    $inp.bind(‘keydown‘, function (e) {
                    var key = e.which;
                    if (key == 13) {
                        e.preventDefault();
                        var nxtIdx = $inp.index(this) + 1;                
                        if($(‘.cls‘).size() == nxtIdx){
                            $("#savedown").click();
                            $(".cls:eq(" + 0 + ")").focus();
                            $(".cls:eq(" + 0 + ")").select();
                        }else{                        
                            $(".cls:eq(" + nxtIdx + ")").focus();
                            $(".cls:eq(" + nxtIdx + ")").select();
                            
                        }
                    }  
                });
        });   

 

以上是关于习惯了CS回车操作人员,操作BS网页表单也是回车666的主要内容,如果未能解决你的问题,请参考以下文章

前端之 http

Form表单(回车)提交问题

移动端回车键触发表单提交及相关兼容

web

jsp简介以及BS/CS架构

form表单提交注意事项