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

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

May 16, 2016 pm 06:16 PM
tab Entrer

第一种方法:

复制代码 代码如下:

$(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;
}
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Résolvez le problème selon lequel la touche Tab de CentOS7 ne peut pas terminer les commandes Résolvez le problème selon lequel la touche Tab de CentOS7 ne peut pas terminer les commandes Jan 17, 2024 pm 01:30 PM

Aujourd'hui, je faisais une expérience sur centOS et j'ai découvert que la méthode de complétion des touches de tabulation habituelle utilisée sous Ubuntu ne pouvait pas être utilisée. J'étais donc très curieux après avoir recherché des informations et les avoir testées moi-même, j'ai enregistré les solutions possibles comme suit : 1) Tout d'abord, vous devez exécuter la commande suivante dans le terminal : #yuminstallbash-completion//Vous pouvez également utiliser une installation générique : yuminstallbash-c* ou vous pouvez installer certains groupes de packages d'initialisation yum-ygroupinstallBaseCompatibilitylibrariesDebuggingToolsDial-upNetworkingsupppo

Comment implémenter des composants d'onglets et des pages multi-onglets dans Vue ? Comment implémenter des composants d'onglets et des pages multi-onglets dans Vue ? Jun 25, 2023 am 09:33 AM

Avec la mise à jour continue de la technologie front-end, Vue, en tant que framework front-end populaire, est devenu le premier choix de nombreux développeurs. Dans les projets réels, il est souvent nécessaire d'utiliser des composants à onglets et des pages multi-onglets pour basculer et gérer différents modules fonctionnels. Dans cet article, nous présenterons comment utiliser Vue pour implémenter un composant à onglets simples et une page multi-onglets. 1. Implémentez un composant onglet simple. Créez un composant Tab.vue dans le projet pour l'afficher.

Mar 22, 2024 pm 04:57 PM

En Java, un retour chariot est généralement représenté par un caractère de nouvelle ligne. Dans les systèmes Windows, "\r\n" est utilisé pour représenter le retour chariot et le saut de ligne, tandis que dans les systèmes Unix/Linux, "\n" est utilisé. Lors de la lecture d'un texte contenant des retours chariot, Java traite ces caractères comme des caractères normaux. Vous pouvez utiliser les classes BufferedReader ou Scanner pour lire le texte d'un flux d'entrée jusqu'à ce qu'un retour chariot ou un saut de ligne soit rencontré.

Quelles sont les trois façons d'implémenter l'onglet dans Vue ? Quelles sont les trois façons d'implémenter l'onglet dans Vue ? Jan 29, 2023 pm 02:49 PM

Il existe trois façons d'implémenter les onglets dans Vue : 1. Contrôler le changement de contenu des onglets via "v-show" ; 2. Implémenter le changement d'onglet via la fonctionnalité is et le cache "keep-alive" dans Vue 3. Implémenter le changement d'itinéraire via "router" ; -lien" .

Comment utiliser le retour chariot pour continuer la saisie en Java Comment utiliser le retour chariot pour continuer la saisie en Java Mar 25, 2024 am 10:23 AM

En Java, la classe Scanner peut être utilisée pour implémenter la fonction Enter to continue. Cette classe lit les entrées utilisateur à partir de l'entrée standard. L'exemple suivant montre comment implémenter cette fonctionnalité à l'aide de la classe Scanner : ```Java importer java.util.Scanner ; classe publique ContinueOnEnter { public static void main (String[] arguments) { Scanner scanner = nouveau scanner (System.in); Système

Pourquoi alt+tab ne peut-il pas changer d'interface ? Pourquoi alt+tab ne peut-il pas changer d'interface ? Mar 09, 2023 pm 02:11 PM

La raison pour laquelle alt+tab ne peut pas changer d'interface est que cette commande est désactivée. La solution : 1. Allumez l'ordinateur, cliquez sur le menu Démarrer et sélectionnez la commande Exécuter. 2. Entrez « regedit » dans la barre vide ; à droite du début, puis cliquez sur OK ; 3. Entrez dans le gestionnaire de registre et recherchez l'option "AltTabSettings" ; 4. Double-cliquez sur "AltTabSettings", modifiez les données de valeur dans l'option ouverte en "00000001" et cliquez sur "Confirmer". .

Que dois-je faire si Win10 détecte une menace mais ne parvient pas à la supprimer ? Que dois-je faire si Win10 détecte une menace mais ne parvient pas à la supprimer ? Feb 20, 2024 am 08:06 AM

Récemment, certains utilisateurs ont signalé avoir découvert des menaces qui n'avaient pas pu être supprimées lors d'une analyse de sécurité du système. Cela peut être dû aux moyens secrets utilisés par le logiciel malveillant, ce qui rend sa suppression difficile. Les solutions à ce problème incluent la mise à jour de votre logiciel antivirus, l'exécution d'analyses en mode sans échec, la suppression manuelle des menaces, etc. Il est recommandé d'essayer différentes méthodes ou de demander l'aide d'un professionnel pour assurer la sécurité du système. Solution : 1. Utilisez la touche de raccourci « win+R » pour démarrer l'exécution, entrez « regedit » et appuyez sur Entrée pour l'ouvrir. 2. Après être entré dans l'interface de l'éditeur de registre, modifiez "HKEY_LOCAL_MACHINESoftwarePoliciesMicrosoftWindow

RedMagic révèle plus de spécifications de sa nouvelle tablette de jeu RedMagic révèle plus de spécifications de sa nouvelle tablette de jeu Sep 01, 2024 am 06:34 AM

La deuxième tablette de jeu RedMagic sera entièrement dévoilée le 5 septembre. Une récente analyse de référence sur AnTuTu a révélé qu'elle comportera la version principale Snapdragon 8 Gen 3, la rendant aussi performante que le dernier smartphone Android de la société, le 9S Pr.

See all articles