Rumah hujung hadapan web tutorial js 基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )_jquery

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

May 16, 2016 pm 06:16 PM
tab Masuk

第一种方法:

复制代码 代码如下:

$(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;
}
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Selesaikan masalah bahawa kunci Tab CentOS7 tidak dapat menyelesaikan arahan Selesaikan masalah bahawa kunci Tab CentOS7 tidak dapat menyelesaikan arahan Jan 17, 2024 pm 01:30 PM

Hari ini saya melakukan percubaan pada centOS dan mendapati kaedah penyiapan kunci tab biasa yang digunakan di bawah Ubuntu tidak boleh digunakan Jadi saya sangat ingin tahu selepas mencari maklumat dan mengujinya sendiri, saya merekodkan penyelesaian yang mungkin seperti berikut: 1) Mula-mula, anda perlu Jalankan arahan berikut dalam terminal: #yuminstallbash-completion//Anda juga boleh menggunakan pemasangan wildcard: yuminstallbash-c* atau anda boleh memasang beberapa kumpulan pakej permulaan yum-ygroupinstallBaseCompatibilitylibrariesDebuggingToolsDial-upNetworkingssupppo

Bagaimana untuk melaksanakan komponen tab dan halaman berbilang tab dalam Vue? Bagaimana untuk melaksanakan komponen tab dan halaman berbilang tab dalam Vue? Jun 25, 2023 am 09:33 AM

Dengan pengemaskinian berterusan teknologi bahagian hadapan, Vue, sebagai rangka kerja bahagian hadapan yang popular, telah menjadi pilihan pertama banyak pembangun. Dalam projek sebenar, selalunya perlu menggunakan komponen tab dan halaman berbilang tab untuk menukar dan mengurus modul berfungsi yang berbeza. Dalam artikel ini, kami akan memperkenalkan cara menggunakan Vue untuk melaksanakan komponen tab mudah dan halaman berbilang tab. 1. Laksanakan komponen tab mudah Cipta komponen Tab.vue Cipta komponen Tab.vue dalam projek untuk memaparkannya.

Bagaimana untuk membaca carriage return di java Bagaimana untuk membaca carriage return di java Mar 22, 2024 pm 04:57 PM

Di Jawa, pemulangan pengangkutan biasanya diwakili oleh aksara baris baharu. Dalam sistem Windows, "\r\n" digunakan untuk mewakili carriage return dan suapan baris, manakala dalam sistem Unix/Linux, "\n" digunakan. Apabila membaca teks yang mengandungi carriage returns, Java menganggap aksara ini sebagai aksara biasa. Anda boleh menggunakan kelas BufferedReader atau Pengimbas untuk membaca teks daripada aliran input sehingga pemulangan pengangkutan atau suapan baris ditemui.

Apakah tiga cara untuk melaksanakan tab dalam Vue? Apakah tiga cara untuk melaksanakan tab dalam Vue? Jan 29, 2023 pm 02:49 PM

Terdapat tiga cara untuk melaksanakan tab dalam Vue: 1. Kawal penukaran kandungan tab melalui "v-show" 2. Laksanakan penukaran tab melalui ciri is dan "keep-alive" dalam Vue -pautan".

Bagaimana untuk menggunakan carriage return untuk meneruskan input dalam java Bagaimana untuk menggunakan carriage return untuk meneruskan input dalam java Mar 25, 2024 am 10:23 AM

Di Java, kelas Pengimbas boleh digunakan untuk melaksanakan fungsi Enter untuk meneruskan. Kelas ini membaca input pengguna daripada input standard. Contoh berikut menunjukkan cara melaksanakan fungsi ini menggunakan kelas Pengimbas: ```java import java.util.Scanner; kelas awam ContinueOnEnter { public static void main(String[] args) { Pengimbas pengimbas = Pengimbas baharu(System.in); Sistem

Mengapa alt+tab tidak boleh menukar antara muka? Mengapa alt+tab tidak boleh menukar antara muka? Mar 09, 2023 pm 02:11 PM

Sebab mengapa alt+tab tidak boleh menukar antara muka ialah arahan ini dilumpuhkan Penyelesaiannya: 1. Hidupkan komputer, klik menu mula, dan pilih arahan jalankan 2. Masukkan "regedit" dalam bar kosong ke kanan permulaan, dan klik OK; 3. Masukkan Pengurus Pendaftaran dan cari pilihan "AltTabSettings" 4. Klik dua kali "AltTabSettings", ubah suai data nilai dalam pilihan yang dibuka kepada "00000001", dan klik "Sahkan" .

RedMagic Gaming Tablet Pro dilancarkan sebagai tab pertama dengan Versi Peneraju Snapdragon 8 Gen 3 RedMagic Gaming Tablet Pro dilancarkan sebagai tab pertama dengan Versi Peneraju Snapdragon 8 Gen 3 Sep 05, 2024 pm 09:30 PM

RedMagic telah melancarkan sepenuhnya Gaming Tablet Pro, tab pertama yang menampilkan Versi Peneraju Snapdragon 8 Gen 3. Ia pada asasnya adalah versi overclocked SoC standard, dan RedMagic 9S Pro mendahului penanda aras dengannya. Perkara yang sama berlaku untuk thi

Apakah yang perlu saya lakukan jika Win10 mengesan ancaman tetapi tidak boleh mengeluarkannya? Apakah yang perlu saya lakukan jika Win10 mengesan ancaman tetapi tidak boleh mengeluarkannya? Feb 20, 2024 am 08:06 AM

Baru-baru ini, beberapa pengguna melaporkan bahawa mereka menemui beberapa ancaman yang tidak boleh dialih keluar semasa imbasan keselamatan sistem. Ini mungkin disebabkan oleh cara rahsia yang digunakan oleh perisian hasad, menyukarkan pengalihan keluar. Penyelesaian kepada masalah ini termasuk mengemas kini perisian antivirus anda, menjalankan imbasan dalam mod selamat, mengalih keluar ancaman secara manual, dsb. Adalah disyorkan untuk mencuba kaedah yang berbeza atau mendapatkan bantuan profesional untuk memastikan keselamatan sistem. Penyelesaian: 1. Gunakan kekunci pintasan "win+R" untuk mula berjalan, masukkan "regedit" dan tekan Enter untuk membukanya. 2. Selepas memasuki antara muka editor pendaftaran, tukar "HKEY_LOCAL_MACHINESoftwarePoliciesMicrosoftWindow

See all articles