首頁 > web前端 > js教程 > js設定組合快捷鍵/tabindex功能的方法_javascript技巧

js設定組合快捷鍵/tabindex功能的方法_javascript技巧

WBOY
發布: 2016-05-16 17:13:14
原創
1109 人瀏覽過

快捷鍵在日常的使用還是挺多的,例如熟悉的貼上ctrl v,複製ctrl c,使用快捷鍵能提高我們的做事效率,特別是當我們熟悉了一種操作後,再次使用它來進行操作就會變得很方便,很順手,對於使用鍵盤的重度用戶,鍵盤永遠比滑鼠來的快。

1)tabindex:

就是利用tab來輕鬆的控制頁面中的連結和表單元素
它的用法很簡單:obj.tabindex  = tabindex; 這個tabindex的值,依照w3c 的規定可以從0開始一直到32767

2) js 設定組合快捷鍵

本質就是取得你要設定的這個鍵的keyCode 的值,如果要加ctrl,alt,shift,那麼就加入一個ctrlkey ,altKey,shiftKey來判斷下,所以關鍵在於keycode的值

(1) 設定ctrl enter 提交
if (e.ctrlKey && e.keyCode == 13){
return submit();
}

(2) 設置  Alt 方向鍵←
if (e.altKey&& e.keyCode == 37){
return submit();
}

(3) 設定  shift F10
if (e.shiftKey&& e.keyCode == 37){
if (e.shiftKey&& e.keyCode == 37){
return submit( );
}

4) 設定en

ter 提交
if (e.keyCode == 13){
return submit();

}


這裡附加一些常見的快速鍵:
keycode    8 = BackSpace BackSpace
keycode    9 = Tab Tab
keycode   12 = Clear
keycode >keycode   17 = Control_L
keycode   18 = Alt_L
keycode   19 = Pause
keycode   20 = Caps_Lock
keycodecom  33 = Prior
keycode   34 = Next
keycode   35 = End
keycode   36 = Home
keycode   37 = Left
keycode 🎜 >keycode   41 = Select
keycode   42 = Print
keycode   43 = Execute
keycode   45 = Insert
key問題

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板