js設(shè)置組合快捷鍵/tabindex功能的方法
快捷鍵在日常的使用還是挺多的,例如熟悉的粘貼ctrl+v,復(fù)制 ctrl+c,使用快捷鍵能提高我們的做事效率,特別是當(dāng)我們熟悉了一種操作后,再次使用它來(lái)進(jìn)行操作就會(huì)變得很方便,很順手,對(duì)于使用鍵盤(pán)的重度用戶,鍵盤(pán)永遠(yuǎn)比鼠標(biāo)來(lái)的快。
1)tabindex:
就是利用tab來(lái)輕松的控制頁(yè)面中的鏈接和表單元素
它的用法很簡(jiǎn)單:obj.tabindex = tabindex; 這個(gè)tabindex 的值,按照w3c 的規(guī)定可以從0開(kāi)始 一直到32767
2) js 設(shè)置組合快捷鍵
本質(zhì)就是獲得你要設(shè)置的這個(gè)鍵的keyCode 的值,如果要加ctrl,alt,shift,那么就添加一個(gè)ctrlkey,altKey,shiftKey來(lái)判斷下,所以關(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();
}
這里附加一些常見(jiàn)的快捷鍵:
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
注意:瀏覽器的兼容性問(wèn)題
- JavaScript黑洞數(shù)字之運(yùn)算路線查找算法(遞歸算法)實(shí)例
- JavaScript采用遞歸算法計(jì)算階乘實(shí)例
- js中遞歸函數(shù)的使用介紹
- JavaScript的遞歸之遞歸與循環(huán)示例介紹
- JS 樹(shù)形遞歸實(shí)例代碼
- js打印紙函數(shù)代碼(遞歸)
- JavaScript 語(yǔ)言的遞歸編程
- 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)簡(jiǎn)單排列組合的方法
- javascript使用遞歸算法求兩個(gè)數(shù)字組合功能示例
相關(guān)文章
微信小程序 動(dòng)態(tài)修改頁(yè)面數(shù)據(jù)及參數(shù)傳遞過(guò)程詳解
這篇文章主要介紹了微信小程序 動(dòng)態(tài)修改頁(yè)面數(shù)據(jù)及參數(shù)傳遞過(guò)程詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09批量下載對(duì)路網(wǎng)圖片并生成html的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇批量下載對(duì)路網(wǎng)圖片并生成html的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考2016-06-06js 實(shí)現(xiàn)菜單左右滾動(dòng)顯示示例介紹
菜單左右滾動(dòng)顯示的實(shí)現(xiàn)方法有很多,在本文將為大家介紹下如何使用js實(shí)現(xiàn),需要的朋友可以參考下,希望對(duì)大家有所幫助2013-11-11javascript實(shí)現(xiàn)跳轉(zhuǎn)菜單的具體方法
這篇文章介紹了javascript實(shí)現(xiàn)跳轉(zhuǎn)菜單的具體方法,有需要的朋友可以參考一下2013-07-07如何實(shí)現(xiàn)chrome瀏覽器關(guān)閉頁(yè)面時(shí)彈出“確定要離開(kāi)此面嗎?”
這篇文章主要介紹了如何實(shí)現(xiàn)chrome瀏覽器關(guān)閉頁(yè)面時(shí)彈出“確定要離開(kāi)此面嗎?”的方法以及相關(guān)資料,需要的朋友可以參考下2015-03-03