Wie kann ich umwandeln Geben Sie auf der Registerkarte (mit Fokus ändern) im IE9? Es arbeitete in IE8

Sieht aus wie IE9 Veranstaltungen sind unveränderlich. Wenn Sie einmal entlassen wurden, können Sie nicht die Eigenschaften ändern, nur preventDefault() oder diese Abbrechen. So Sie beste option, um zu kündigen "enter" - Veranstaltungen und-neu-Versand einen neuen DOM-Ereignis-von der Texteingabe.

Beispiel

function enterToTab(event){
    if(event.keyCode == 13){
        var keyEvent = document.createEvent("Event");
        //This is a lovely method signature
        keyEvent.initKeyboardEvent("onkeydown", true, true, window, 9, event.location, "", event.repeat, event.locale);
        event.currentTarget.dispatchEvent(keyEvent);
        //you may want to prevent default here
    }
}

Hier ist der MSDN-Dokumentation um IE9 DOM-Ereignisse:

Event-Objekt - http://msdn.microsoft.com/en-us/library/ms535863(v=vs. 85).aspx

createEvent - http://msdn.microsoft.com/en-us/library/ff975304(v=vs. 85).aspx

initialisieren Sie ein Tastatur-Ereignis - http://msdn.microsoft.com/en-us/library/ff975297(v=vs. 85).aspx

Die Vorherige IE-version erlaubt die nicht-standard-beschreibbare event.keyCode Eigenschaft, IE9 entspricht jetzt den standards.

Möchten Sie vielleicht zu prüfen, die Funktionalität Sie nach: Sie wollen die enter-Taste verhält sich wie die tab-Taste, d.h. verschieben des Fokus zur nächsten (text -) Eingabefeld. Es gibt mehr Möglichkeiten, das zu tun. Einer von Ihnen ist mit der tabindex - Attribut des text-Eingabe-Felder. Wenn Sie die Reihenfolge der Felder in Ihrem Formular über das tabindex-Attribut, das die Funktionen, die ich hier vorstellen kann, erzielen Sie dasselbe Ergebnis wie die Vorherige keyCode-Methode. Hier sind zwei Funktionen, die ich getestet dieses jsfiddle. Eine (text -) Eingabefeld sieht nun folgendermaßen aus:

<input type="text" 
       onkeypress="nextOnEnter(this,event);" 
       name="" value="" 
       tabindex="1"/>

Funktionen für Navigation mit der Tabulatortaste:

function nextOnEnter(obj,e){
    e = e || event;
    //we are storing all input fields with tabindex attribute in 
    //a 'static' field of this function using the external function
    //getTabbableFields
    nextOnEnter.fields = nextOnEnter.fields || getTabbableFields();
    if (e.keyCode === 13) {
        //first, prevent default behavior for enter key (submit)
        if (e.preventDefault){
            e.preventDefault();
        } else if (e.stopPropagation){    
          e.stopPropagation();
        } else {   
          e.returnValue = false;
        }
       //determine current tabindex
       var tabi = parseInt(obj.getAttribute('tabindex'),10);
       //focus to next tabindex in line
       if ( tabi+1 < nextOnEnter.fields.length ){
         nextOnEnter.fields[tabi+1].focus();
        }
    }
}

//returns an array containing all input text/submit fields with a
//tabindex attribute, in the order of the tabindex values
function getTabbableFields(){
    var ret = [],
        inpts = document.getElementsByTagName('input'), 
        i = inpts.length;
    while (i--){
        var tabi = parseInt(inpts[i].getAttribute('tabindex'),10),
            txtType = inpts[i].getAttribute('type');
            //[txtType] could be used to filter out input fields that you
            //don't want to be 'tabbable'
            ret[tabi] = inpts[i];
    }
    return ret;
}

Wenn Sie nicht möchten, dass die Verwendung von tabindex und alle deine input-Felder 'tabbable', siehe dieses jsfiddle

[BEARBEITEN] bearbeitet Funktionen (siehe jsfiddles) zu machen, der Einsatz von event-delegation und machen es alle Arbeit in der Oper zu. Und diese version imitiert shift-TAB auch.

Einen <button> element auf einer Seite wird dieses problem verursachen.

In IE9 eine <button> element in den Fokus nimmt, wenn die EINGABETASTE gedrückt wird. Alle submit oder reset-Taste wird die Ursache des Problems zu. Wenn Sie nicht mit submit/reset, dann Sie können dies beheben, indem Sie alle Tasten, um <input type="button"> oder durch die Einstellung der button type-Attribut die Schaltfläche. also

<button type="button">Click me!</button>

Alternativ als pro KooiInc Antwort, Sie können Ihre javascript event.preventDefault(); um zu verhindern, dass die Enter-Taste, auf diese Weise handeln, und rufen explizit focus() auf das nächste element in der tab-Reihenfolge.

Hier ist etwas test-code, den ich schrieb, das veranschaulicht das problem mit dem button-element (Hinweis: der Blaue Fokus-ring auf button3 im IE9):

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>IE problem with Enter key and &lt;button&gt; elements</title>
</head>

<body>
    <script>
        function press(event) {
            if (event.keyCode == 13) {
                document.getElementById('input2').focus();
                //In IE9 the focus shifts to the <button> unless we call preventDefault(). Uncomment following line for IE9 fix. Alternatively set type="button" on all button elements and anything else that is a submit or reset too!.
                //event.preventDefault && event.preventDefault();
            }
        }
    </script>
    <input id="input1" type="text" onkeypress="press(event)" value="input1. Press enter here." /><br />
    <input id="input2" type="text" value="input2. Press enter here." /><br />
    <input  id="button1" type="button" value='I am an <input type="button">' /><br />
    <button id="button2" type="button">I am a &lt;button type="button"&gt;</button><br />
    <button id="button3">I am a &lt;button&gt;. I get focus when enter key pressed in IE9 - wooot!</button><span>As per Microsoft docs on <a target="_tab" href="http://msdn.microsoft.com/en-us/library/ms534696%28v=vs.85%29.aspx">BUTTON.type</a> it is because type defaults to submit.</span>
</body>
</html>

Verwenden onpaste zusammen mit onkeypress wie

Meinung sind, Sie haben wrriten eine javascript-Funktion ein, die überprüft die text Länge so brauchen wir, um ihn zu bestätigen auf-Taste drücken Sie wie unten

<asp:TextBox ID="txtInputText" runat="server" Text="Please enter some text" onpaste="return textboxMultilineMaxNumber(this,1000);" onkeypress="return textboxMultilineMaxNumber(this,1000);"></asp:TextBox>

onkeypress funktioniert in beide FF und IE

aber wenn Sie versuchen zu tun, ctr+V in die textbox dann onpaste Griff im IE im FF onkeypress kümmert es

Zu verhindern, dass ein "submit-Ereignis" ausgelöst durch die Enter-Tastatur in Ihrer Form in IE9, ziehen Sie eine beliebige Schaltfläche im Formular-Bereich. Platzieren Sie ihn (button) außerhalb der form angezeigt.

JS:

function enterAsTab() {
  var keyPressed = event.keyCode; //get the Key that is pressed
  if (keyPressed == 13)
  { 
    //case the KeyPressed is the [Enter]
    var inputs = $('input'); //storage a array of Inputs
    var a = inputs.index(document.activeElement); 
    //get the Index of Active Element Input inside the Inputs(array)
    
    if (inputs[a + 1] !== null)
    {
      //case the next index of array is not null
      var nextBox = inputs[a + 1]; 
      nextBox.focus(); //Focus the next input element. Make him an Active Element
      event.preventDefault();
    }
    
    return false;
  } 
  
  else {return keyPressed;}
}

HTML:

<HTML>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<body onKeyPress="return enterAsTab();">
  <input type='text' />
  <input type='text' />
  <input type='text' />
  <input type='text' />
  <input type='text' />
</body>

</HTML>