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