IE8 - Enter-Taste nicht Unterwerfen mein Suchfeld

Hey Leute, ich habe ein Suchfeld, ist nicht die Vorlage, wenn Sie die enter-Taste ist der hit, das Problem ist nur das geschehen auf IE8, jeder andere browser funktioniert einwandfrei (sogar IE6). Bitte Jungs, ich brauche eine hand mit der seinen, finden Sie unten den code, den ich dafür habe.

<div class="box-search">
                <input type="text" class="text-box" id="text-search" />
                <label class="overlabel" for="text-search">Enter keyword(s)</label>
                <input type="submit" value="" name="btn-submit" class="btn-go" onclick="javascript:goSearch();return false;" />
</div>

Ok, ich vergaß zu erwähnen, das Formular ist in einer ASP-kodierte Seite, das ist, warum es nicht verpackt in das form-element.

Sie können gehen Sie voran und entfernen Sie javascript: von der onclick-handler, es ist völlig nutzlos.

InformationsquelleAutor Ozzy | 2010-07-30

4

Müssen Sie einige <form></form> - tags um die textbox und button. Wie so
```
<form method='POST' onsubmit='javascript:goSearch();return false;'> 
            <input type="text" class="text-box" id="text-search" />       
            <label class="overlabel" for="text-search">Enter keyword(s)</label>       
            <input type="button" value="" name="btn-submit" class="btn-go" onclick="javascript:goSearch();return false;" />
</form>
```
Andere Weg wäre, um das keydown-event der textbox und überprüfen, ob es die enter-Taste.

Hoffe, das hilft.
- Wohl nicht, haben beide onclick und "onsubmit"
- Ist das besser. Jetzt können Sie entweder drücken Sie die EINGABETASTE oder klicken Sie auf die Schaltfläche.
- nur eine jener wird genannt werden (wegen der return false); und während Sie "enter" sendet Formular.submit() im IE, es sendet btn-submit.klicken Sie auf() in einigen älteren Browsern (Opera 9, wenn ich mich Recht erinnere)
InformationsquelleAutor Ash Burlaczenko

Habe ich herausgefunden, dass es ein bug in IE8 und manchmal ein Formular nicht Absenden auf Eingabe-Taste.

Der beste Weg wäre, um ein Ereignis zu behandeln enter-Taste gedrückt wird.

In jQuery tun würde:

$("input_box_id").keydown(function(e){

     if (e.keyCode == 13) //enter
     {
         $("btn-submit").click();
     }
});

In JavaScript wäre es:

document.getElementById("input_box_id").onclick = function(e){

   var keycode =(window.event) ? event.keyCode : e.keyCode;

   if (keycode == 13) //enter
   {
      document.getElementById("input_box_id").click();
   }

};

Und ändern Html:

<form action="url_here" method="post">
<div class="box-search">
    <input type="text" class="text-box" id="text-search" />
    <label class="overlabel" for="text-search">Enter keyword(s)</label>
    <input type="submit" value="" id="btn-submit" name="btn-submit" class="btn-go" />
</div>
</form>

Ignorieren Sie die form-tags, wenn Sie bereits ein Asp.net form.

InformationsquelleAutor

1

Einen anderen Weg, statt die onclick auf den Absenden-button, wäre dies zu tun.
```
<form action="script.php" method="post" onsubmit="goSearch();return false">
<div class="box-search">
    <input type="text" class="text-box" id="text-search" />
    <label class="overlabel" for="text-search">Enter keyword(s)</label>
    <input type="submit" value="" name="btn-submit" class="btn-go" />
</div>
</form>
```
Edit: Hinzugefügt, action-und method-Attribute. Das action-Attribut ist erforderlich für die Validierung.
- und übergeben Sie das Formular zu: onsubmit="return goSearch(diese)" mit return false am Ende der Skript, wenn es gelingt, true, wenn Sie möchten das Formular an den server gesendet werden
- return false auf Erfolg scheint ein wenig nach hinten. Dann würde ich eher return !goSearch(this) und return true auf Erfolg.
InformationsquelleAutor Znarkus
0

Wäre es nichts mit der Tatsache zu tun, haben Sie eine onclick Veranstaltung mit einem Funktionsaufruf zu GoSearch und ein return false befestigt, um einen "submit" input type?

Können Sie vorbei an den Inhalt der goSearch () - Funktion?

InformationsquelleAutor James Wiseman
0

Was passiert, wenn Sie entfernen die "return false;" aus der event-handler für das submit?
Wenn ein Benutzer trifft, GEBEN Sie in einem text-input-Feld, IE verhält sich so, als wenn die submit-Schaltfläche verwendet worden, aber das "false" verhindert, dass das event-bubbling.

EDIT: mit der neuen ASP-Informationen.

Sehen: http://mikepope.com/blog/AddComment.aspx?blogid=309 Er hat eine Erklärung, wie es funktioniert, so dass keine details hier, außer zu sagen, dass alle Sie tun müssen ist, fügen Sie Folgendes zu Ihrer page_load-Ereignis:
```
Page.RegisterHiddenField("__EVENTTARGET", "MyDefaultButton");
```
- nun, ich entfernt das return false aus dem code, aber der ie8 immer noch das gleiche Problem.
InformationsquelleAutor Mark Schultheiss
0

Alte ticket, aber ich möchte Glockenspiel: IE8 hat die folgenden eigenartige Sache: die Enter-Taste wird das Formular abschicken, aber jeder
```
<input type="submit" name="MySubmitButton" value="I hope I detect THIS VALUE in POST" />
```
nicht gesendet werden, in der POST.

IE9 ändert sich das Verhalten und sendet den Wert. Chrome hat immer an den Wert, wie weit, wie meine tests gezeigt haben.

Es gibt eine Tonne von "Enter Vorlage nicht in IE8" Beschwerden gibt, und ich glaube, viele von Ihnen können sein trugen zu diesem Verhalten. Ich hoffe, dies hilft einigen von Ihnen.

InformationsquelleAutor G. Stoynev

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.