Ausführliche Erklärung, wie Sie die Eingabetaste deaktivieren, um das Formular beim Parsen einer HTML-Seite automatisch abzusenden

Der folgende Editor bringt Ihnen einen Artikel darüber, wie Sie die Eingabetaste deaktivieren, um das Formular automatisch in einer HTML-Seite zu senden. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Editor und werfen wir einen Blick darauf

Aufgrund der Verwendung von Formularen in HTML-Seiten ist es häufig erforderlich, die Eingabetaste zu deaktivieren, um das Formular abzusenden. Da die Inhaltsseite oder Masterseite selbst über eine Schaltfläche vom Typ „Senden“ verfügt, wird beim Fokussieren des Textfelds durch Drücken der Eingabetaste die Standardübermittlung des Formulars ausgelöst (unabhängig davon, ob es sich um IE oder Firefox handelt). Daher muss dies überwacht werden Tastenanschläge des Benutzers in onkeydown . Tatsächliche Tests zeigen, dass es zu viele unsichere Faktoren gibt, die zur Formularübermittlung in IE8 führen. Das Klicken auf das td in der Tabelle des Formulars löst die Formularübermittlung aus, Firefox jedoch nicht. Daher erfordert die Deaktivierung der Formularübermittlung in IE und FF unterschiedliche Ideen.

Für IE:

Gibt „true“ nur zurück, wenn die Ereignisquelle TEXTAREA ist, sodass alle anderen Elemente „False“ zurückgeben und die Formularübermittlung nicht zulassen und alle Antworten.

Für Firefox:

Nur ​​wenn die Ereignisquelle INPUT ist, geben Sie „false“ zurück, um die Formular-Standardaktion zu deaktivieren, während andere Elemente „true“ zurückgeben, um dies zuzulassen die Standardaktionen, wie z. B. die mehrzeilige Eingabe eines Textbereichs.

Der vollständige Code lautet also wie folgt:

<mce:script language="javascript" type="text/javascript"><!-- 
 //禁用Enter键表单自动提交 
  document.onkeydown = function(event) { 
   var target, code, tag; 
   if (!event) { 
    event = window.event; //针对ie浏览器 
    target = event.srcElement; 
    code = event.keyCode; 
    if (code == 13) { 
     tag = target.tagName; 
     if (tag == "TEXTAREA") { return true; } 
     else { return false; } 
    } 
   } 
   else { 
    target = event.target; //针对遵循w3c标准的浏览器，如Firefox 
    code = event.keyCode; 
    if (code == 13) { 
     tag = target.tagName; 
     if (tag == "INPUT") { return false; } 
     else { return true; } 
    } 
   } 
  }; 
  
// --></mce:script>

Konvertieren Sie den oben genannten Javascript-Code, der auf Seiten angewendet werden muss, die die Eingabetaste deaktivieren müssen, um das Formular automatisch abzusenden. Nach dem Testen haben IE-, Firefox- und Chrome-Browser das Problem der Eingabetaste zum automatischen Absenden des Formulars perfekt gelöst.

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung, wie Sie die Eingabetaste deaktivieren, um das Formular beim Parsen einer HTML-Seite automatisch abzusenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!