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

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

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

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

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學(xué)習(xí)筆記之Set和Map數(shù)據(jù)結(jié)構(gòu)詳解

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

    這篇文章主要介紹了ES6學(xué)習(xí)筆記之Set和Map數(shù)據(jù)結(jié)構(gòu),結(jié)合實例形式詳細(xì)分析了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é),本文分步驟通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    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焦點(diǎn)圖,JS 多個頁面放多個焦點(diǎn)圖的實例

    JS焦點(diǎn)圖,JS 多個頁面放多個焦點(diǎn)圖的實例

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

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

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

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

    編寫高質(zhì)量JavaScript代碼的基本要點(diǎn)分享給大家,感興趣的小伙伴們可以參考一下
    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種方法進(jìn)行了總結(jié)介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-12-12

最新評論

达尔| 昭平县| 壶关县| 永修县| 乐东| 北碚区| 新津县| 玛沁县| 衢州市| 黄冈市| 南宫市| 松桃| 蚌埠市| 玉溪市| 昌江| 阿拉尔市| 讷河市| 原平市| 新绛县| 尖扎县| 喀什市| 科技| 甘南县| 福贡县| 湖北省| 巴彦县| 三穗县| 施甸县| 平遥县| 浦县| 武穴市| 临城县| 鹤峰县| 芜湖市| 安宁市| 清河县| 威海市| 敦化市| 康马县| 怀仁县| 汾阳市|