網(wǎng)頁與鍵盤
更新時間：2006年07月18日 00:00:00 作者：
從最基礎(chǔ)的說起。本教程中，所有IE 均指 WindowXP + IE 6.0, 所有 FF 均指 FF 1.5。
作者 Hutia, 轉(zhuǎn)載請注明出處。
1. 不用編程的部分
1.1 Form 中。 submit 的快捷鍵是 enter,reset 的快捷鍵是 esc。
1.1.1 在 IE 中，按下enter 鍵后 卻不會激發(fā) submit 的 onclick 事件, 按下esc 鍵后 會激發(fā) reset 的 onclick 事件
1.1.2 在 FF 中與 IE 正相反，按下enter 鍵后 會激發(fā) submit 的 onclick 事件, 按下esc 鍵后 卻不會激發(fā) reset 的 onclick 事件
1.1.3 在 form 中，時間激發(fā)順序是： submit 按鈕的 onclick ==> form 的 onsubmit
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
1.2. Accesskey 屬性。
1.2.1 注意 accesskey 的設(shè)置如果和瀏覽器的菜單相同，會優(yōu)先于菜單。使用時的快捷鍵是 alt + 設(shè)置的鍵值
1.2.2 label 的 for 屬性配合 accesskey 效果較好
1.2.3 在IE 中，Link 對象的 accesskey 只是使 焦點轉(zhuǎn)移到 link 上，并不等同于點擊，F(xiàn)F 中則相當(dāng)于點擊. 與他對比的是，input type=checkbox 的 accesskey 效果不論在IE 還是 FF 中都是點擊。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
2. 然后就需要編程了
2.1 簡單的按鍵捕獲。
2.1.1 事件有 onkeydown, onkeypress, onkeyup
2.1.2 IE 與 FF 的 事件寫法不同，請學(xué)習(xí)下面的代碼
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
2.2 因為事件會冒泡，所以，可以在 document 上捕獲按鍵來自定義快捷鍵。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
3. 為了滿足fmt00的要求，特寫下此段，希望 fmt00 能夠喜歡，哈哈
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
作者 Hutia, 轉(zhuǎn)載請注明出處。
1. 不用編程的部分
1.1 Form 中。 submit 的快捷鍵是 enter,reset 的快捷鍵是 esc。
1.1.1 在 IE 中，按下enter 鍵后 卻不會激發(fā) submit 的 onclick 事件, 按下esc 鍵后 會激發(fā) reset 的 onclick 事件
1.1.2 在 FF 中與 IE 正相反，按下enter 鍵后 會激發(fā) submit 的 onclick 事件, 按下esc 鍵后 卻不會激發(fā) reset 的 onclick 事件
1.1.3 在 form 中，時間激發(fā)順序是： submit 按鈕的 onclick ==> form 的 onsubmit
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
1.2. Accesskey 屬性。
1.2.1 注意 accesskey 的設(shè)置如果和瀏覽器的菜單相同，會優(yōu)先于菜單。使用時的快捷鍵是 alt + 設(shè)置的鍵值
1.2.2 label 的 for 屬性配合 accesskey 效果較好
1.2.3 在IE 中，Link 對象的 accesskey 只是使 焦點轉(zhuǎn)移到 link 上，并不等同于點擊，F(xiàn)F 中則相當(dāng)于點擊. 與他對比的是，input type=checkbox 的 accesskey 效果不論在IE 還是 FF 中都是點擊。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
2. 然后就需要編程了
2.1 簡單的按鍵捕獲。
2.1.1 事件有 onkeydown, onkeypress, onkeyup
2.1.2 IE 與 FF 的 事件寫法不同，請學(xué)習(xí)下面的代碼
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
2.2 因為事件會冒泡，所以，可以在 document 上捕獲按鍵來自定義快捷鍵。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
3. 為了滿足fmt00的要求，特寫下此段，希望 fmt00 能夠喜歡，哈哈
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
uniapp開發(fā)微信小程序主包太大和vendor.js過大無法打包問題解決
最近工作一直在uniapp開發(fā)小程序這一塊,相信很多開發(fā)者都遇到過代碼體積太大無法打包的問題,這篇文章主要給大家介紹了關(guān)于uniapp開發(fā)微信小程序主包太大和vendor.js過大無法打包問題的解決辦法,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了JS實現(xiàn)滑動門效果的方法,結(jié)合實例形式分析了滑動門效果的實現(xiàn)原理、步驟與相關(guān)注意事項,需要的朋友可以參考下2016-12-12
JavaScript?映射器?array.flatMap()
這篇文章主要介紹了JavaScript?映射器?array.flatMap()，array.flatMap()是一個映射函數(shù)，它接收一個數(shù)組和一個映射函數(shù)，然后返回一個新的映射數(shù)組，下面進入文章了解具體內(nèi)容2022-02-02
微信小程序使用picker實現(xiàn)時間和日期選擇框功能【附源碼下載】
這篇文章主要介紹了微信小程序使用picker實現(xiàn)時間和日期選擇框功能,結(jié)合實例形式分析了微信小程序picker組件進行日期與時間選擇的相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
本文主要介紹了webpack實現(xiàn)靜態(tài)資源緩存的方法，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
今天小編就為大家分享一篇關(guān)于css3 動畫卡頓性能優(yōu)化的完美解決方案，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2018-09-09
學(xué)習(xí)JavaScript設(shè)計模式(繼承)
這篇文章主要帶領(lǐng)大家學(xué)習(xí)JavaScript設(shè)計模式，其中重點介紹繼承，舉例說明為什么需要繼承，對繼承進行詳細(xì)剖析，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了JavaScript?ECharts可視化圖表庫，ECharts是一款基于JavaScript的數(shù)據(jù)可視化圖表庫，提供直觀，生動，可交互，可個性化定制的數(shù)據(jù)可視化圖表2023-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義tabBar組件開發(fā)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
在javascript開發(fā)中,我們會遇到日期時間格式化的問題,下面這篇文章主要給大家介紹了關(guān)于js正則格式化日期時間自動補0的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-10-10