input type text und onKeyDown funktioniert nicht unter IE

Schreibe ich eine WWW-Anwendung, es muss laufen unter IE. Ich habe das problem mit dem code, der läuft unter FF, aber ich kann nicht, es läuft unter IE.

//JS-code

function test()
{
    if (window.event.keyCode == 13)
        window.location.assign("myPage.php");
}

Ich habe versucht einige ähnliche Wege, um das Fenster an.Ort und Lage.href, auch dokumentieren.Lage. Ich habe gelesen, dass der IE hat Probleme damit, also bitte ich um eine Lösung.

Ziel ist es, dass die Seite neu geladen nach dem eingeben im text in <input type='text' name='item_code' onKeyDown='test()'> und klicken Sie auf Sie die EINGABETASTE. Also das Ergebnis ist ähnlich wie das drücken der senden-Typ-button unterhalb der text-Eingabe.

Im IE lädt es die gleiche Seite und es passiert nichts. In der FF es korrekt funktioniert.

UPDATE 1:

Versuchte Lösung gegeben durch bobince.

<input type='text' name='item_code'>

<script type='text/javascript' >

document.getElementsByName('item_code')[0].onkeydown = function(event)
{
    if (event == undefined) { event = window.event; }
    if (event.keyCode == 13) { window.location = 'myPage.php'; }

    alert('1');
}

</script>";

Das problem ist, dass, wenn es alert('1'); Zeile, Seite zeigt Alarm und leitet, wenn es nicht alert('1'); Zeile, Seite einfach neu geladen zu sich selbst. Ich weiß nicht, was ist hier das problem?

UPDATE 2:

Ich bin einfügen, was dann endlich funktioniert für mich.

<form action='mainPage.php' method='POST'>
    <input type='text' name='item_code'>
</form>

<script type='text/javascript' >
    document.getElementsByName('item_code')[0].onkeydown= function(event)
    {
        if (event == undefined)
        {    
            event = window.event;
        }

        if (event.keyCode == 13)
        {
            var js_item_code = document.getElementsByName('item_code')[0].value;
            window.location = 'myPage.php?item_code='+js_item_code;
            return false;
        }
    };
</script>

Wie wäre window.location.href = "myPage.php";
window.location.href keine assign Methode (window.location tut). Aber ich glaube nicht, das ist Ihr problem, denn das gleiche gilt (und wirft einen Fehler) in Firefox. Sie haben auch einige andere Tippfehler in deinem code (den ich behoben, aber Sie bearbeitet wieder :-))
oh, wusste nicht, pls Bearbeiten Sie Sie wieder, wenn Sie können, schätzen Sie Ihre Eingabe

InformationsquelleAutor qlf00n | 2010-04-05

5

Das ist merkwürdig, da die Verwendung von window.event sollten gewährleisten, dass Ihre Funktion nur jemals funktioniert im IE. Das ist sicherlich das, was passiert ist für mich, wenn ich versuche deinen code. Ich vermute, es gibt mehr bist du nicht und zeigen Sie uns.

Den üblichen Weg, um Ereignisse zu behandeln, die in einem cross-browser-Wege mit inline-event-handler-Attribute wäre:
```
<input type="text" name="item_code" onkeydown="test(event)">

function test(event) {
    if (event.keyCode===13)
        window.location.href= 'myPage.php';
}
```
Dies funktioniert, weil event im Attribut bezieht sich auf die Globale window.event im IE, wo in jedem anderen browser-es bezieht sich auf das lokale argument mit dem Namen event übergeben, um die event-handler-Attribut-Funktion.

Jedoch, es ist allgemein als besser zu vermeiden event-handler-Attributen und zuweisen-Handler von JavaScript selbst. In diesem Fall müssen Sie eine Prüfung um zu sehen, welche zu verwenden:
```
<input type="text" name="item_code">

//in a script block after the input, or in document-ready code
//
document.getElementsByName('item_code')[0].onkeydown= function(event) {
    if (event===undefined) event= window.event; //fix IE
    if (event.keyCode===13)
        window.location.href= 'myPage.php';
};
```
Im Allgemeinen würde ich nur versuchen, trap Geben Tastendrücke reproduzieren/alter-default-Formulars Verhalten als letztes Mittel; es ist besser, wenn Sie können, lassen Sie das Formular abschicken, um den Ort, den Sie wollen, es zu gehen.
- Ok. Habe versucht, Ihre Lösung, und es scheint zu funktionieren. Haben eine subtile problem aber. Es funktioniert nur, wenn alert('sth'); ist nach der 2. if-block: die Seite zeigt eine Warnung und leitet. Wenn ich diese entfernen alert line, Seite neu geladen, um sich..
- Wenn Sie in einer tatsächlichen <form> element dann müssen Sie return false zu den event-handler, sonst wird das Formular weiter reichen als normal für das drücken der Enter-Taste, und am Ende in der form action Attribut (standardmäßig wird die aktuelle URL, wenn Sie weggelassen werden, obwohl das weglassen ist es ungültig). Wenn Sie ein Formular und Sie möchten trap-Abgabe auf die (über Enter oder mit anderen Mitteln), ist es weit besser, das onsubmit Veranstaltung statt sorgen über die Wiedererschaffung der browser-spezifischen Schlüssel-handling-Verhalten.
- Natürlich ist es noch besser zu haben die form, die einfach funktionieren ohne JavaScript-hacking. Wenn das aus irgendeinem Grund nicht möglich, ist es besser weglassen <form> und nur das Nackte <input> Elemente, so gibt es keine ungewollten Veröffentlichungen.
- Bin ich mehr Erfahrung mit Programmiersprachen, die kompiliert werden. Ich werde es begrüßen, mehr beschreibende Antwort. Jetzt verstehe ich, warum es funktioniert auf diese Weise. Weiß nicht a) was ist ein event-handler (zu add false zurück)? b) wo sollte ich die onsubmit-Ereignis?
- onsubmit ist auf <form>. Sie können return false aus einem submit-handler zum stoppen der form vorgelegt wird. [Sie können auch return false auf einen submit-button ist onclick handler zu stoppen, klicken Sie auf die verursachende form eingereicht werden. Sie können auch return false auf eine Eingabe der onkeypress handler stoppen Sie die EINGABETASTE drücken, wodurch die form zu übermitteln. Sie können auch return false auf eine Eingabe der onkeydown handler zu stoppen, das keydown-Ereignis verursacht eine keypress, die wiederum hält auch die form, eingereicht werden! Aber blockieren onsubmit ist der zuverlässigste, wie es erfasst alle Fälle.]
- window.event funktioniert auch in den letzten (und wahrscheinlich auch ältere) Versionen von Chrome und Safari.
- Ich danke Ihnen sehr für Ihre Hilfe. Ich habe eingefügt, was dann endlich funktioniert für mich in der main-post.
InformationsquelleAutor bobince
0

versuchen. es hat für mich gearbeitet früher.
```
 <input type="text" onKeyPress="KeyCheck"/>

 function KeyCheck(e) {
    var KeyID = (window.event) ? event.keyCode : e.keyCode;
    if (KeyID == 13 ) {
       alert('key pressed!!);
    }
  }
```
- Das wird nicht funktionieren. onKeyPress ist jetzt eine Funktion, ein Verweis auf die KeyCheck Funktion und macht dann nichts mit ihm. KeyCheck wird nie aufgerufen werden.
InformationsquelleAutor ZX12R
0

Sollte es funktionieren im Allgemeinen. Zwei mögliche Probleme, die Sie möglicherweise ausführen in:
1. IE bekannt ist, komische Dinge zu tun bei der Verwendung von relativen links in Position.href. Haben Sie versucht, indem Sie so etwas wie http://stackoverflow.com dort?
2. Sicherheitseinstellungen im IE kann verhindern, dass das richtige geschieht, d.h. wenn Sie die Prüfung auf eine lokale Datei anstatt einem web-server.
InformationsquelleAutor cellcortex

jQuery fix

document.onkeydown = function (e) {
    var event = jQuery.event.fix(e || window.event);
    var keycode = event.which;
    var isControl = event.ctrlKey;
}

InformationsquelleAutor comonitos

Es ist ein Weg, um es Arbeit ohne Verwendung der <form> tag auf Ihren html-code.

Dies ist die einfachste Lösung, die ich gefunden, die funktioniert mit IE, Chrome und Firefox mindestens:

JS:

$(function() {
  $("input#q").on('keydown', function(event) {
    if (event.which == 13) {
      document.location.assign("page.aspx?q=" + $("#q").val());
      return false;
    }
  });
});

HTML:

<input name="q" type="text" />

InformationsquelleAutor Rafael Levy

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.