首頁 web前端 js教程 基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )_jquery

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

May 16, 2016 pm 06:16 PM
tab 回車

第一种方法:

复制代码 代码如下:

$(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;
}
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

解決CentOS7的Tab鍵無法補全指令問題 解決CentOS7的Tab鍵無法補全指令問題 Jan 17, 2024 pm 01:30 PM

今天在centOS上做實驗,發現之前在Ubuntu下使用的比較習慣的tab鍵補全命令的方式不能使用,於是非常好奇,經過查找資料並親自測試,將可行的解決方式記錄如下:1)首先需要在終端機中執行以下指令:#yuminstallbash-completion//也可以使用通配符安裝:yuminstallbash-c*或是你可以安裝一些初始化的套件組yum-yyalinstallBaseCompatibilitylibrariesDebuggingToolsDial-upNetworkingsupppogroupinstallBaseCompatibilitylibrariesDebuggingToolsDial-upNetworkingsupppogroup

java怎麼讀取回車 java怎麼讀取回車 Mar 22, 2024 pm 04:57 PM

在 Java 中,回車通常由換行符號表示。 Windows 系統中使用 "\r\n" 表示回車換行,而 Unix/Linux 系統中則使用 "\n"。讀取包含回車的文字時,Java將這些字元視為普通字元。可以使用 BufferedReader 或 Scanner 類別從輸入流中讀取文本,直到遇到回車換行符。

Vue 中如何實作 tab 元件及多標籤頁? Vue 中如何實作 tab 元件及多標籤頁? Jun 25, 2023 am 09:33 AM

隨著前端技術的不斷更新,Vue作為一個受歡迎的前端框架,已經成為許多開發者的首選。在實際專案中,常常需要使用tab元件以及多標籤頁來實現不同功能模組的切換與管理。在本文中,我們將介紹如何利用Vue實作一個簡單的tab元件以及多標籤頁。一、實作一個簡單的tab元件建立Tab.vue元件在專案中建立一個Tab.vue的元件,用來顯示ta

vue實作tab三種方式是什麼 vue實作tab三種方式是什麼 Jan 29, 2023 pm 02:49 PM

vue實作tab三種方式:1、透過「v-show」控制tab內容切換;2、透過vue中is的特性、「keep-alive」快取實作tab切換;3、透過「router-link」實現路由切換。

java怎麼用回車繼續輸入 java怎麼用回車繼續輸入 Mar 25, 2024 am 10:23 AM

在 Java 中,Scanner 類別可用於實現回車繼續的功能。此類別從標準輸入中讀取使用者輸入。以下範例展示如何使用 Scanner 類別實作此功能: ```java import java.util.Scanner; public class ContinueOnEnter { public static void main(String[] args) { Scanner scanner = new Scanner(System.in); Syste

alt+tab切換不了介面什麼原因 alt+tab切換不了介面什麼原因 Mar 09, 2023 pm 02:11 PM

alt+tab切換不了介面的原因是因為此指令被停用,其解決方法:1、開啟電腦,點選開始選單,選擇執行指令;2、在開始右側的空白欄輸入「regedit」後,點選確定; 3.進入到登錄管理器,找到“AltTabSettings”選項;4、雙擊“AltTabSettings”,在開啟的選項中修改數值資料為“00000001”,點選「確認」即可。

Win10偵測出威脅但清除不掉怎麼辦 Win10偵測出威脅但清除不掉怎麼辦 Feb 20, 2024 am 08:06 AM

近期有用戶報告在對系統進行安全掃描時發現一些無法清除的威脅。這可能是由於惡意軟體採取了隱藏的手段,導致清除困難。解決此問題的方法包括更新防毒軟體、使用安全模式執行掃描、手動清除威脅等。建議嘗試不同的方法,或尋求專業協助,以確保系統的安全性。解決方法:1、”win+R”快捷鍵開啟運行,輸入”regedit”回車開啟。 2、進入登錄編輯器介面後,將」HKEY_LOCAL_MACHINESoftwarePoliciesMicrosoftWindow

RedMagic Gaming Tablet Pro 推出首款搭載 Snapdragon 8 Gen 3 領先版本的平板電腦 RedMagic Gaming Tablet Pro 推出首款搭載 Snapdragon 8 Gen 3 領先版本的平板電腦 Sep 05, 2024 pm 09:30 PM

RedMagic 全面推出了遊戲平板 Pro,這是首款搭載 Snapdragon 8 Gen 3 領先版本的平板電腦。它基本上是標準 SoC 的超頻版本,RedMagic 9S Pro 憑藉它領先於基準測試。這也是同樣的道理

See all articles