js設(shè)置組合快捷鍵/tabindex功能的方法
快捷鍵在日常的使用還是挺多的,例如熟悉的粘貼ctrl+v,復(fù)制 ctrl+c,使用快捷鍵能提高我們的做事效率,特別是當(dāng)我們熟悉了一種操作后,再次使用它來進(jìn)行操作就會(huì)變得很方便,很順手,對于使用鍵盤的重度用戶,鍵盤永遠(yuǎn)比鼠標(biāo)來的快。
1)tabindex:
就是利用tab來輕松的控制頁面中的鏈接和表單元素
它的用法很簡單:obj.tabindex = tabindex; 這個(gè)tabindex 的值,按照w3c 的規(guī)定可以從0開始 一直到32767
2) js 設(shè)置組合快捷鍵
本質(zhì)就是獲得你要設(shè)置的這個(gè)鍵的keyCode 的值,如果要加ctrl,alt,shift,那么就添加一個(gè)ctrlkey,altKey,shiftKey來判斷下,所以關(guān)鍵在于keycode的值
(1) 設(shè)置 ctrl +enter 提交
if (e.ctrlKey && e.keyCode == 13){
return submit();
}
(2) 設(shè)置 Alt+ 方向鍵 ←
if (e.altKey&& e.keyCode == 37){
return submit();
}
(3) 設(shè)置 shift+F10
if (e.shiftKey&& e.keyCode == 37){
return submit();
}
4) 設(shè)置en
ter 提交
if (e.keyCode == 13){
return submit();
}
這里附加一些常見的快捷鍵:
keycode 8 = BackSpace BackSpace
keycode 9 = Tab Tab
keycode 12 = Clear
keycode 13 = Enter
keycode 16 = Shift_L
keycode 17 = Control_L
keycode 18 = Alt_L
keycode 19 = Pause
keycode 20 = Caps_Lock
keycode 27 = Escape Escape
keycode 32 = space space
keycode 33 = Prior
keycode 34 = Next
keycode 35 = End
keycode 36 = Home
keycode 37 = Left
keycode 38 = Up
keycode 39 = Right
keycode 40 = Down
keycode 41 = Select
keycode 42 = Print
keycode 43 = Execute
keycode 45 = Insert
keycode 46 = Delete
keycode 47 = Help
注意:瀏覽器的兼容性問題
- JavaScript黑洞數(shù)字之運(yùn)算路線查找算法(遞歸算法)實(shí)例
- JavaScript采用遞歸算法計(jì)算階乘實(shí)例
- js中遞歸函數(shù)的使用介紹
- JavaScript的遞歸之遞歸與循環(huán)示例介紹
- JS 樹形遞歸實(shí)例代碼
- js打印紙函數(shù)代碼(遞歸)
- JavaScript 語言的遞歸編程
- javascript算法題:求任意一個(gè)1-9位不重復(fù)的N位數(shù)在該組合中的大小排列序號(hào)
- javascript算法題 求任意一個(gè)1-9位不重復(fù)的N位數(shù)在該組合中的大小排列序號(hào)
- JavaScript繼承基礎(chǔ)講解(原型鏈、借用構(gòu)造函數(shù)、混合模式、原型式繼承、寄生式繼承、寄生組合式繼承)
- JS數(shù)組合并push與concat區(qū)別分析
- js實(shí)現(xiàn)簡單排列組合的方法
- javascript使用遞歸算法求兩個(gè)數(shù)字組合功能示例
相關(guān)文章
ES6學(xué)習(xí)筆記之Set和Map數(shù)據(jù)結(jié)構(gòu)詳解
這篇文章主要介紹了ES6學(xué)習(xí)筆記之Set和Map數(shù)據(jù)結(jié)構(gòu),結(jié)合實(shí)例形式詳細(xì)分析了ECMAScript中基本數(shù)據(jù)結(jié)構(gòu)Set和Map的常用屬性與方法的功能、用法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-04-04
ElementUI在實(shí)際項(xiàng)目使用步驟詳解
這篇文章主要介紹了ElementUI在實(shí)際項(xiàng)目使用的功能總結(jié),本文分步驟通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-07-07
JS基于遞歸算法實(shí)現(xiàn)1,2,3,4,5,6,7,8,9倒序放入數(shù)組中的方法
這篇文章主要介紹了JS基于遞歸算法實(shí)現(xiàn)1,2,3,4,5,6,7,8,9倒序放入數(shù)組中的方法,涉及JS遞歸算法操作數(shù)組實(shí)現(xiàn)排序功能的相關(guān)技巧,需要的朋友可以參考下2017-01-01
JS焦點(diǎn)圖,JS 多個(gè)頁面放多個(gè)焦點(diǎn)圖的實(shí)例
下面小編就為大家?guī)硪黄狫S焦點(diǎn)圖,JS 多個(gè)頁面放多個(gè)焦點(diǎn)圖的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12
編寫高質(zhì)量JavaScript代碼的基本要點(diǎn)
編寫高質(zhì)量JavaScript代碼的基本要點(diǎn)分享給大家,感興趣的小伙伴們可以參考一下2016-03-03

