Heim Web-Frontend js-Tutorial 基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )_jquery

基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )_jquery

May 16, 2016 pm 06:16 PM
tab Eingeben

第一种方法:

复制代码 代码如下:

$(document).ready(function () {
$(':input:text:first').focus();
$(':input:enabled').addClass('enterIndex');
// get only input tags with class data-entry
textboxes = $('.enterIndex');
// now we check to see which browser is being used
if ($.browser.mozilla) {
$(textboxes).bind('keypress', CheckForEnter);
} else {
$(textboxes).bind('keydown', CheckForEnter);
}
});
function CheckForEnter(event) {
if (event.keyCode == 13 && $(this).attr('type') != 'button' && $(this).attr('type') != 'submit' && $(this).attr('type') != 'textarea' && $(this).attr('type') != 'reset') {
var i = $('.enterIndex').index($(this));
var n = $('.enterIndex').length;
if (i if ($(this).attr('type') != 'radio')
{
NextDOM($('.enterIndex'),i);
}
else {
var last_radio = $('.enterIndex').index($('.enterIndex[type=radio][name=' + $(this).attr('name') + ']:last'));
NextDOM($('.enterIndex'),last_radio);
}
}
return false;
}
}
function NextDOM(myjQueryObjects,counter) {
if (myjQueryObjects.eq(counter+1)[0].disabled) {
NextDOM(myjQueryObjects, counter + 1);
}
else {
myjQueryObjects.eq(counter + 1).trigger('focus');
}
}

方法二(转载网络)
复制代码 代码如下:

document.onkeydown = function(evt) {
var isie = (document.all) ? true : false;
var key;
var srcobj;
alert(isie);
if (isie) {
key = event.keyCode;
srcobj = event.srcElement;
}
else {
alert(evt);
key = evt.which;
srcobj = evt.target;
}
if (key == 13 && srcobj.type != 'button' && srcobj.type != 'submit' && srcobj.type != 'reset' && srcobj.type != 'textarea' && srcobj.type != '') {
if (isie) {
event.keyCode = 9;
}
else {
var el = getNextElement(evt.target);
if (el.type != 'hidden')
el.focus();
else
while (el.type == 'hidden')
el = getNextElement(el);
el.focus();
return false;
}
}
}
document.onkeyup = function(evt) {
var isie = (document.all) ? true : false;
var key;
var srcobj;
alert(isie);
if (isie) {
key = event.keyCode;
srcobj = event.srcElement;
}
else {
alert(evt);
key = evt.which;
srcobj = evt.target;
}
if (key == 13 && srcobj.type != 'button' && srcobj.type != 'submit' && srcobj.type != 'reset' && srcobj.type != 'textarea' && srcobj.type != '') {
if (isie) {
event.keyCode = 9;
}
else {
var el = getNextElement(evt.target);
if (el.type != 'hidden')
el.focus();
else
while (el.type == 'hidden')
el = getNextElement(el);
el.focus();
return false;
}
}
}
function getNextElement(field) {
var form = field.form;
for (var e = 0; e if (field == form.elements[e])
break;
}
return form.elements[++e % form.elements.length];
}

function document.onkeydown() {
var e = event.srcElement;
if (event.keyCode == 13 && e.tagName == "INPUT" && e.type == "text")
event.keyCode = 9;
}
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ßer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

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)

Lösen Sie das Problem, dass die Tabulatortaste von CentOS7 Befehle nicht ausführen kann Lösen Sie das Problem, dass die Tabulatortaste von CentOS7 Befehle nicht ausführen kann Jan 17, 2024 pm 01:30 PM

Heute habe ich ein Experiment mit centOS durchgeführt und festgestellt, dass die unter Ubuntu übliche Tabulatortasten-Vervollständigungsmethode nicht verwendet werden konnte. Nachdem ich nach Informationen gesucht und sie selbst getestet hatte, habe ich die möglichen Lösungen wie folgt aufgezeichnet: 1) Zuerst müssen Sie den folgenden Befehl im Terminal ausführen: #yuminstallbash-completion//Sie können auch die Wildcard-Installation verwenden: yuminstallbash-c* oder Sie können einige Initialisierungspaketgruppen yum-ygroupinstallBaseCompatibilitylibrariesDebuggingToolsDial-upNetworkingsupppo installieren

Wie implementiert man Tab-Komponenten und Multi-Tab-Seiten in Vue? Wie implementiert man Tab-Komponenten und Multi-Tab-Seiten in Vue? Jun 25, 2023 am 09:33 AM

Mit der kontinuierlichen Aktualisierung der Front-End-Technologie ist Vue als beliebtes Front-End-Framework zur ersten Wahl vieler Entwickler geworden. In tatsächlichen Projekten ist es häufig erforderlich, Registerkartenkomponenten und Seiten mit mehreren Registerkarten zu verwenden, um verschiedene Funktionsmodule zu wechseln und zu verwalten. In diesem Artikel stellen wir vor, wie Sie mit Vue eine einfache Tab-Komponente und eine Seite mit mehreren Tabs implementieren. 1. Implementieren Sie eine einfache Tab-Komponente. Erstellen Sie eine Tab.vue-Komponente im Projekt, um sie anzuzeigen.

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.

Welche drei Möglichkeiten gibt es, Tabs in Vue zu implementieren? Welche drei Möglichkeiten gibt es, Tabs in Vue zu implementieren? Jan 29, 2023 pm 02:49 PM

Es gibt drei Möglichkeiten, Tabs in Vue zu implementieren: 1. Tab-Inhaltsumschaltung über „v-show“ steuern; 2. Tab-Umschaltung über die IS-Funktion und „Keep-Alive“-Cache in Vue implementieren; -link" .

So verwenden Sie den Wagenrücklauf, um die Eingabe in Java fortzusetzen So verwenden Sie den Wagenrücklauf, um die Eingabe in Java fortzusetzen Mar 25, 2024 am 10:23 AM

In Java kann die Scanner-Klasse verwendet werden, um die Enter-to-Fortfahren-Funktion zu implementieren. Diese Klasse liest Benutzereingaben aus der Standardeingabe. Das folgende Beispiel zeigt, wie diese Funktionalität mithilfe der Scanner-Klasse implementiert wird: „Java import java.util.Scanner; öffentliche Klasse ContinueOnEnter { public static void main(String[] args) { Scanner scanner = neuer Scanner(System.in); System

Warum kann Alt+Tab nicht zwischen Schnittstellen wechseln? Warum kann Alt+Tab nicht zwischen Schnittstellen wechseln? Mar 09, 2023 pm 02:11 PM

Der Grund, warum Alt+Tab die Schnittstelle nicht wechseln kann, ist, dass dieser Befehl deaktiviert ist: 1. Schalten Sie den Computer ein, klicken Sie auf das Startmenü und wählen Sie den Befehl „Ausführen“. 2. Geben Sie „regedit“ in die leere Leiste ein rechts vom Start und klicken Sie auf OK. 3. Rufen Sie den Registrierungsmanager auf und suchen Sie die Option „AltTabSettings“. Ändern Sie die Wertdaten in der geöffneten Option in „00000001“ und klicken Sie auf „Bestätigen“. .

Was soll ich tun, wenn Win10 eine Bedrohung erkennt, diese aber nicht entfernen kann? Was soll ich tun, wenn Win10 eine Bedrohung erkennt, diese aber nicht entfernen kann? Feb 20, 2024 am 08:06 AM

Kürzlich berichteten einige Benutzer, dass sie bei einem Sicherheitsscan des Systems einige Bedrohungen gefunden hätten, die nicht entfernt werden konnten. Dies kann an den verdeckten Mitteln der Malware liegen, die die Entfernung erschweren. Zu den Lösungen für dieses Problem gehören das Aktualisieren Ihrer Antivirensoftware, das Ausführen von Scans im abgesicherten Modus, das manuelle Entfernen von Bedrohungen usw. Es wird empfohlen, verschiedene Methoden auszuprobieren oder professionelle Hilfe in Anspruch zu nehmen, um die Sicherheit des Systems zu gewährleisten. Lösung: 1. Verwenden Sie die Tastenkombination „win+R“, um die Ausführung zu starten, geben Sie „regedit“ ein und drücken Sie die Eingabetaste, um es zu öffnen. 2. Nachdem Sie die Benutzeroberfläche des Registrierungseditors aufgerufen haben, ändern Sie „HKEY_LOCAL_MACHINESoftwarePoliciesMicrosoftWindow

RedMagic enthüllt weitere Spezifikationen seines neuen Gaming-Tablets RedMagic enthüllt weitere Spezifikationen seines neuen Gaming-Tablets Sep 01, 2024 am 06:34 AM

Das zweite RedMagic-Gaming-Tablet wird am 5. September vollständig vorgestellt. Ein kürzlich durchgeführter Benchmark-Durchlauf auf AnTuTu ergab, dass es mit der führenden Version Snapdragon 8 Gen 3 ausgestattet sein wird und damit genauso leistungsfähig ist wie das neueste Android-Smartphone des Unternehmens, das 9S Pr

See all articles