Heim Web-Frontend js-Tutorial Geben Sie ein, um Ideen zur Implementierung des Eingabefokus und Code zu wechseln, der mit den wichtigsten Browsern_jquery kompatibel ist

Geben Sie ein, um Ideen zur Implementierung des Eingabefokus und Code zu wechseln, der mit den wichtigsten Browsern_jquery kompatibel ist

May 16, 2016 pm 04:37 PM
enter Eingeben

Bei der Arbeit an einem Projekt wünschte der Kunde die Möglichkeit, die Eingabe (Fokus) direkt mit der Eingabetaste wechseln zu können, und wenn die letzte Eingabe erreicht war, konnten die Informationen direkt übermittelt werden.

Die erste Idee besteht darin, einen Code online zu kopieren und direkt zu verwenden. Aber nach der Suche auf Baidu und Google waren mehr als 80 % der gefundenen Codes identisch. Einige Codes sind zu alt und können nicht verwendet werden. Einige funktionieren nur mit einigen Browsern. Nachdem ich eine halbe Stunde lang gekämpft hatte, konnte ich immer noch keine passende Lösung finden. Beim letzten Gedanken könnte ich es genauso gut selbst machen.

1. Ideen

Jedes Mal, wenn Sie auf die Eingabetaste klicken, erhalten Sie die aktuelle Fokusposition und legen dann das nächste Element fest, um den Fokus zu erhalten;

2. Code

<script type="text/javascript">
$('input:text:first').focus(); 
document.onkeydown = function enterHandler(event)
{
var inputs = $("input"); //可自行添加其它过滤条件 
var browser = navigator.appName ; //浏览器名称
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 

var Code = '' ;
if(browser.indexOf('Internet')>-1) // IE 
Code = window.event.keyCode ;
else if(userAgent.indexOf("Firefox")>-1) // 火狐
Code = event.which;
else // 其它
Code = event.keyCode &#63; event.keyCode : event.which &#63; event.which : event.charCode;

if (Code == 13) //可以自行加其它过滤条件
{
for(var i=0;i<inputs.length;i++)
{
if(inputs[i].id == document.activeElement.id)
{ 
i = i== (inputs.length - 1) &#63; -1 : i ;
$('#'+ inputs[i+1].id ).focus()
break;
}
}
}
}
</script>
Nach dem Login kopieren

Unter diesen wird ein einfaches Urteil über die Browser gefällt, da IE und Firefox die Schlüsselwerte unterschiedlich erhalten. Auf diese Weise können Sie die Schlüsselwerte abrufen, die Sie in jedem Browser treffen.

Nachdem Sie den aktuellen Wert erhalten haben, können Sie schließlich verschiedene weitere Bedingungen hinzufügen.

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Windows 11 kann die vom System reservierte Partition nicht aktualisieren: 3 Tipps Windows 11 kann die vom System reservierte Partition nicht aktualisieren: 3 Tipps Apr 26, 2023 pm 03:13 PM

Beim Aktualisieren von Windows 11 oder beim Upgrade von Windows 10 auf Windows 11 kann die Fehlermeldung Wecouldnotupdatesystemreservedpartition auftreten. Dies kann mit dem Fehlercode 0xc1900104, 0x800f0922 oder 0xc1900201 einhergehen. Was verursacht einen Fehler bei der vom System reservierten Partition? Dies kann durch eine vollständige System Reserved Partition (SRP) verursacht werden, auf die nicht mehr geschrieben werden kann. Darüber hinaus schreiben einige Sicherheits- und Antivirenanwendungen von Drittanbietern in den SRP und können diesen schnell füllen. Auch Dual-Booten mit Linux kann die Ursache für diesen Fehler sein. Darüber hinaus, wenn Sie

Optionale Funktionen von Windows 11 leer: Was tun? Optionale Funktionen von Windows 11 leer: Was tun? Apr 15, 2023 pm 02:49 PM

Mit den besten optionalen Funktionen von Windows 11 können Sie das enorme Potenzial Ihres PCs nutzen. Sie können Produktivitätsfunktionen aktivieren und weitere Funktionen erhalten. Daher kann es ärgerlich sein, wenn diese Einstellungen plötzlich leer sind, wenn Sie sie benötigen. Bestimmte Funktionen werden nicht angezeigt, von fehlerhaften Systemeinstellungen bis hin zu fehlenden und beschädigten Dateien. Was auch immer die Ursache sein mag, wir haben sieben einfache, aber effektive Korrekturen zusammengestellt, die Ihnen bei der Wiederherstellung optionaler Funktionen von Windows 11 helfen. Warum ist das Feld „Windows-Funktionen“ leer? Es gibt viele Gründe, warum das Feld mit den optionalen Funktionen von Windows 11 leer ist. Hier sind einige beliebte Fehler: Setup-Fehler. Der Komponentenspeicher mit Informationen zur Windows-Funktionalität ist beschädigt. Beschädigte Systemdateien. So verwenden Sie Windows

Windows 11: Wie aktiviere und verwende ich das Windows Mobility Center? Windows 11: Wie aktiviere und verwende ich das Windows Mobility Center? Apr 25, 2023 pm 06:58 PM

Leider kann das Ändern grundlegender Einstellungen Ihres Windows-Geräts, wie etwa Helligkeit und Lautstärke, etwas umständlich sein. Um zu diesen alltäglichen Einstellungen zu gelangen, müssen Benutzer durch mehrere Menüs navigieren, was eher unintuitiv ist. Glücklicherweise bietet Windows ein Tool, mit dem Benutzer mit einem Fingerklick auf diese alltäglichen Einstellungen zugreifen und sie ändern können. Das Problem ist, dass nur wenige Menschen wissen, dass es existiert. Und diejenigen, die dies tun, wissen möglicherweise nicht, wie sie es aktivieren können. Was ist das Windows Mobility Center? Windows Mobility Center oder WMC wurde erstmals in Windows Vista eingeführt und ist eine integrierte Windows-Komponente, die die wichtigsten Informationen und Einstellungen für tragbare und mobile Geräte zentralisiert. einige davon

Wo ist die Eingabetaste auf der Tastatur? Wo ist die Eingabetaste auf der Tastatur? Mar 24, 2023 pm 01:46 PM

Die Eingabetaste befindet sich auf der rechten Seite des Haupttastaturbereichs. Über der Umschalttaste befindet sich die Eingabetaste, die auch als Bestätigungstaste bezeichnet wird. Auf der Computertastatur befindet sich die Eingabetaste , die als „Enter-Taste“ bezeichnet wird, wobei Enter der Name des Windows-Systems ist und in macOS „Return“ heißt.

So installieren Sie Windows 10/11-Updates manuell mit PowerShell So installieren Sie Windows 10/11-Updates manuell mit PowerShell Apr 23, 2023 pm 05:13 PM

Wenn ein Patch veröffentlicht oder eine Funktion eingeführt wird, ist es wichtig, das System regelmäßig zu aktualisieren. Wenn wir dies nicht tun, verpassen wir kritische Fehlerbehebungen, schwache Sicherheit, Software-Inkompatibilitäten und mehr. Möglicherweise verhält sich das System einfach seltsam oder das Programm stürzt einfach ab. Normalerweise aktualisieren wir das System, indem wir die Einstellungen sowie Updates und Sicherheit durchsuchen und dann prüfen, ob Updates verfügbar sind. Wie können Sie sonst ein Update durchführen, wenn Sie nicht auf die Einstellungen oder Update- und Sicherheitsoptionen zugreifen können? Wahrscheinlich haben nur wenige von uns dieses Problem, aber die Lösung ist einfach und kann auch mit PowerShell-Befehlen durchgeführt werden. In diesem Artikel erfahren Sie, wie Sie das Windows 10-System mithilfe von PowerShell-Befehlen manuell aktualisieren. Verwenden Sie PowerS

Welcher Schlüssel ist Enter? Welcher Schlüssel ist Enter? Feb 22, 2023 pm 02:56 PM

Enter ist die Eingabetaste; auf der Computertastatur gibt es eine Taste mit dem Wort Enter oder Return, die als „Enter-Taste“ bezeichnet wird und in macOS und einigen Windows-Versionen „Return“ heißt Computer Die Eingabetaste hat einen gebogenen Pfeil; die Eingabetaste hat zwei Funktionen, nämlich: 1. Bestätigung des eingegebenen Ausführungsbefehls; 2. Funktion als Zeilenumbruch in der Textverarbeitung;

So lesen Sie den Wagenrücklauf in Java So lesen Sie den Wagenrücklauf in Java Mar 22, 2024 pm 04:57 PM

In Java wird ein Wagenrücklauf normalerweise durch ein Zeilenumbruchzeichen dargestellt. In Windows-Systemen wird „\r\n“ zur Darstellung von Wagenrücklauf und Zeilenvorschub verwendet, während in Unix/Linux-Systemen „\n“ verwendet wird. Beim Lesen von Text, der Wagenrückläufe enthält, behandelt Java diese Zeichen als normale Zeichen. Sie können die Klassen BufferedReader oder Scanner verwenden, um Text aus einem Eingabestream zu lesen, bis ein Wagenrücklauf oder ein Zeilenvorschub auftritt.

So verwenden Sie den Ereignismodifikator .v-on:keyup.enter in Vue, um das Ereignis des Drückens der Eingabetaste zu verarbeiten So verwenden Sie den Ereignismodifikator .v-on:keyup.enter in Vue, um das Ereignis des Drückens der Eingabetaste zu verarbeiten Jun 10, 2023 pm 11:43 PM

Vue ist ein sehr leistungsfähiges JavaScript-Framework, mit dem wir problemlos interaktive Webanwendungen erstellen können. Vue bietet einige sehr praktische Funktionen, einschließlich Ereignismodifikatoren. Ereignismodifikatoren sind eine Möglichkeit, die DOM-Ereignisbindung zu vereinfachen und uns die Möglichkeit zu geben, bestimmte Ereignisse schnell zu verarbeiten. In Vue können wir Ereignisse mithilfe der v-on-Direktive binden. Die v-on-Direktive ermöglicht es uns, bestimmte Ereignisse abzuhören und Ereignishandler auszulösen. Für gängige DOM-Dinge

See all articles