Heim > Web-Frontend > js-Tutorial > Hauptteil

Lösung für das Problem der JS-Cursorpositionierung, des Textfelds und des Wagenrücklaufformulars. Submission_Javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 15:59:52
Original
1243 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Lösung des Problems der js-Cursorpositionierung des Textfelds und der Übermittlung des Wagenrücklaufformulars. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Wenn der Cursor im Textfeld der Hilfssuche positioniert ist und die Eingabetaste drückt, wird der von der Methode zurückgegebene JSON-String auf der Seite angezeigt.

Grund: Wenn ein Formular nur ein einzeiliges Texteingabefeld enthält, sollte der Benutzeragent die Eingabe in dieses Feld als Aufforderung zum Absenden des Formulars akzeptieren

Übersetzung: Wenn das Formular nur einen Eingabetyp = „Text“ enthält, wird das Formular gesendet, wenn der Benutzer die Eingabetaste drückt.

Lösung: Verarbeiten Sie das Onkeydown-Ereignis des Eingabetextes und deaktivieren Sie den Wagenrücklaufvorgang.

Spezifischer Code:

<p>
<input class="text text-1" type="text" name="name" 
id="notAssociateName" value="" onkeydown="enter_down(event);"/>
</p>
function enter_down(event){
 if(event.keyCode==13){
  stopDefault(event);
 }
}
function stopDefault(e) {
 //如果提供了事件对象,则这是一个非IE浏览器
 if(e && e.preventDefault) {
   //阻止默认浏览器动作
   e.preventDefault();
 } else {
   //IE中阻止函数器默认动作的方式
   window.event.returnValue = false;
 }
 return false;
}
Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage