Question 1

打破默认行为绝对不好。 Btw, 您知道 HTML 中的 < code> 自动聚焦属性吗?

如果你绝对需要这个, 给你:

document.forms.obrazac.onkeypress = function( e ) {
    // If the hit key is "Enter"
    if ( e.keyCode === 13 ) {

        // Cross-browser handling for our dear friend @MaxArt :p
        var evt = e || window.event,
            target = evt.target || evt.srcElement,

        // Find the next input
            nextInput = target.nextSibling;
        while ( nextInput.tagName !==  INPUT  && nextInput.nextSibling ) {
            nextInput = nextInput.nextSibling;
        }

        // And focus it
        nextInput.focus();

        // Finally, disable submitting IF there is no input after
        if ( nextInput !== this.elements[ this.elements.length - 1 ] ) {
            return false;
        }
    }
};

Answer

打破默认行为绝对不好。 Btw, 您知道 HTML 中的 < code> 自动聚焦属性吗?

如果你绝对需要这个, 给你:

document.forms.obrazac.onkeypress = function( e ) {
    // If the hit key is "Enter"
    if ( e.keyCode === 13 ) {

        // Cross-browser handling for our dear friend @MaxArt :p
        var evt = e || window.event,
            target = evt.target || evt.srcElement,

        // Find the next input
            nextInput = target.nextSibling;
        while ( nextInput.tagName !==  INPUT  && nextInput.nextSibling ) {
            nextInput = nextInput.nextSibling;
        }

        // And focus it
        nextInput.focus();

        // Finally, disable submitting IF there is no input after
        if ( nextInput !== this.elements[ this.elements.length - 1 ] ) {
            return false;
        }
    }
};

Question 2

短短的不真实的睾丸样本... 只是为了给一个想法:

<head>
    <script type="text/javascript">
    function onKeyPress(args)
    {
        if(args.keyCode === 13)
            document.getElementById("tb2").focus();
    }       
    </script>
</head>
<body>
    <input type="text" onkeypress="onKeyPress(event);" id="tb1" />
    <input type="text" id="tb2" />
</body>

You could do the same on tb2 to submit the form there on "ENTER" I would also use something like jQuery to bind the events in javascript, not directly in the markup.

希望能帮上忙

@as i 开始在无答案的地方建立我的样本 =

Answer

短短的不真实的睾丸样本... 只是为了给一个想法:

<head>
    <script type="text/javascript">
    function onKeyPress(args)
    {
        if(args.keyCode === 13)
            document.getElementById("tb2").focus();
    }       
    </script>
</head>
<body>
    <input type="text" onkeypress="onKeyPress(event);" id="tb1" />
    <input type="text" id="tb2" />
</body>

You could do the same on tb2 to submit the form there on "ENTER" I would also use something like jQuery to bind the events in javascript, not directly in the markup.

希望能帮上忙

@as i 开始在无答案的地方建立我的样本 =

Question 3

我不会打破默认行为, 这是相当烦人和反直觉的用户, 但是如果你真的想做到这一点, 你可以做这样的事情与jquery:

$( #form ).keydown(function(e) {
    if( e.keyCode === 13) {  // When "Shift + Enter"
        e.preventDefault();
        // focus on next field here.
    }
});

而不是这样做,你最好只做正确的制表单这样(用制表单):

<input type="text" name="field1" tabindex=1 /><br />

Answer

我不会打破默认行为, 这是相当烦人和反直觉的用户, 但是如果你真的想做到这一点, 你可以做这样的事情与jquery:

$( #form ).keydown(function(e) {
    if( e.keyCode === 13) {  // When "Shift + Enter"
        e.preventDefault();
        // focus on next field here.
    }
});

而不是这样做,你最好只做正确的制表单这样(用制表单):

<input type="text" name="field1" tabindex=1 /><br />

Question 4

尝试此 :

document.forms.obrazac.sifra.addEventListener("keyup", function(e) {
    if (e.keyCode === 13) { // 13 === enter key
        e.preventDefault();
        this.nextSibling.focus();
    }
});

注意这些事情:

I used addEventListener, but in IE8 and older you have to use attachEvent("onkeyup"... and checking the global event object. Moreover, e.preventDefault(); becomes e.returnValue = false;
I supposed that this.nextSibling is the next field. Correct this to fit you DOM.

Answer

尝试此 :

document.forms.obrazac.sifra.addEventListener("keyup", function(e) {
    if (e.keyCode === 13) { // 13 === enter key
        e.preventDefault();
        this.nextSibling.focus();
    }
});

注意这些事情:

I used addEventListener, but in IE8 and older you have to use attachEvent("onkeyup"... and checking the global event object. Moreover, e.preventDefault(); becomes e.returnValue = false;
I supposed that this.nextSibling is the next field. Correct this to fit you DOM.

友情链接