IE10 findet die erste Schaltfläche auf der Seite und löst ein Klickereignis beim Eingabe-Senden aus

8

Tut mir leid wegen des Titels, ich weiß, es ist chaotisch, aber ich weiß nicht, wie ich diese Situation beschreiben kann.

Wir haben ein Eingabefeld. aber kein Formelement. Hier ist der Code

%Vor%

SearchBox-Funktion überprüft den Schlüsselcode und wenn es 13 ist (enter button charcode), wird die Suchanfrage gesendet. Dieser Code funktioniert in IE8 / 9, aber in IE10 hat ein interessantes Verhalten.

über dem Code in der Mitte der Seite. und wir haben ein Button-Element oben auf der Seite für LOGIN.

in IE10;

Ich gebe ein Wort in Eingabe ein und drücke Enter:

  • SearchBox Funktion arbeiten,
  • aber benehmen sich wie LOGIN Taste auch geklickt und es ist ein Problem

Hinweis: Sorry über Sprache, Englisch ist nicht meine Muttersprache. Hinweis 2: SearchBox () -Funktion entfernt. Überprüfen Sie den jsfiddle Link für den neuesten Code.

    
MC_delta_T 21.11.2012, 16:25
quelle

3 Antworten

18

eine andere Lösung

Definieren Sie Ihre Schaltflächen als Schaltfläche. weil der Standardtyp ist Senden

%Vor%     
MC_delta_T 23.11.2012, 15:33
quelle
3

Nun, IE10 für Windows7 ist eine Vorabversion, und das scheint eines der Dinge zu sein, die MS beheben sollte. Wie auch immer, ich weiß nicht, warum das passiert, aber ich habe einen Workaround für das Problem gefunden:

Anstelle von button verwenden Sie <input type="button"> .

Live-Demo im jsFiddle .

    
Teemu 22.11.2012 16:15
quelle
0

Ich hatte das gleiche Problem. Das Hinzufügen von type="button" zu allen meinen Tasten funktionierte.   & lt; Knopftyp="Knopf" & gt; ...

Auch wenn meine Schaltflächen nicht in einer Form sind.

Von anderen Tests, die ich gemacht habe, funktioniert IE 10 genau wie Chrome. Dies ist die einzige Ausnahme, die ich gesehen habe.

    
Lance Wentz 30.08.2013 15:48
quelle