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

來源:互聯網
上載者:User

快速鍵在日常的使用還是挺多的,例如熟悉的粘貼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){
return submit();
}

4) 設定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
注意:瀏覽器的相容性問題

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.