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