最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

js設(shè)置組合快捷鍵/tabindex功能的方法

 更新時間:2013年11月21日 15:43:28   作者:  
本文主要介紹用js設(shè)置tabindex功能和js設(shè)置組合快捷鍵的方法,很簡單,這樣可以增強用戶體驗,方法就在下面

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

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
注意:瀏覽器的兼容性問題

相關(guān)文章

  • ES6學習筆記之Set和Map數(shù)據(jù)結(jié)構(gòu)詳解

    ES6學習筆記之Set和Map數(shù)據(jù)結(jié)構(gòu)詳解

    這篇文章主要介紹了ES6學習筆記之Set和Map數(shù)據(jù)結(jié)構(gòu),結(jié)合實例形式詳細分析了ECMAScript中基本數(shù)據(jù)結(jié)構(gòu)Set和Map的常用屬性與方法的功能、用法及相關(guān)注意事項,需要的朋友可以參考下
    2017-04-04
  • Google Maps API地圖應(yīng)用示例分享

    Google Maps API地圖應(yīng)用示例分享

    這篇文章主要分享一段了Google Maps API地圖應(yīng)用示例,做項目中經(jīng)常會使用到,非常的簡單,有需要的朋友可以參考下
    2014-10-10
  • ElementUI在實際項目使用步驟詳解

    ElementUI在實際項目使用步驟詳解

    這篇文章主要介紹了ElementUI在實際項目使用的功能總結(jié),本文分步驟通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2021-07-07
  • js常用代碼段整理

    js常用代碼段整理

    以下是平時收集的幾個常用代碼段,大多數(shù)是從網(wǎng)上搜集而來。也均為未找到是誰誰原創(chuàng),是否允許轉(zhuǎn)載等要求, 所以如果看到的朋友發(fā)現(xiàn)其中有些代碼是自己寫的,還請原諒在下轉(zhuǎn)帖出來
    2011-11-11
  • JS基于遞歸算法實現(xiàn)1,2,3,4,5,6,7,8,9倒序放入數(shù)組中的方法

    JS基于遞歸算法實現(xiàn)1,2,3,4,5,6,7,8,9倒序放入數(shù)組中的方法

    這篇文章主要介紹了JS基于遞歸算法實現(xiàn)1,2,3,4,5,6,7,8,9倒序放入數(shù)組中的方法,涉及JS遞歸算法操作數(shù)組實現(xiàn)排序功能的相關(guān)技巧,需要的朋友可以參考下
    2017-01-01
  • JS焦點圖,JS 多個頁面放多個焦點圖的實例

    JS焦點圖,JS 多個頁面放多個焦點圖的實例

    下面小編就為大家?guī)硪黄狫S焦點圖,JS 多個頁面放多個焦點圖的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-12-12
  • 原生js實現(xiàn)下拉菜單

    原生js實現(xiàn)下拉菜單

    這篇文章主要為大家詳細介紹了原生js實現(xiàn)下拉菜單,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • 編寫高質(zhì)量JavaScript代碼的基本要點

    編寫高質(zhì)量JavaScript代碼的基本要點

    編寫高質(zhì)量JavaScript代碼的基本要點分享給大家,感興趣的小伙伴們可以參考一下
    2016-03-03
  • 使用原生js封裝的ajax實例(兼容jsonp)

    使用原生js封裝的ajax實例(兼容jsonp)

    下面小編就為大家?guī)硪黄褂迷鷍s封裝的ajax實例(兼容jsonp)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-10-10
  • JS判斷對象是否存在的10種方法總結(jié)

    JS判斷對象是否存在的10種方法總結(jié)

    本篇文章主要是對JS判斷對象是否存在的10種方法進行了總結(jié)介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-12-12

最新評論

商南县| 平定县| 清镇市| 榆社县| 双辽市| 稷山县| 凌源市| 元氏县| 大港区| 秀山| 左云县| 曲周县| 尖扎县| 阳西县| 南阳市| 通州市| 化隆| 毕节市| 安徽省| 余姚市| 哈巴河县| 体育| 布拖县| 阿拉善右旗| 广汉市| 长宁区| 洛川县| 惠州市| 靖州| 来凤县| 尼勒克县| 礼泉县| 页游| 连云港市| 五家渠市| 南充市| 新民市| 莱芜市| 榆中县| 平谷区| 鄂尔多斯市|