網(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)文章
原生JS實現(xiàn)的多個彩色小球跟隨鼠標(biāo)移動動畫效果示例
這篇文章主要介紹了原生JS實現(xiàn)的多個彩色小球跟隨鼠標(biāo)移動動畫效果,涉及javascript事件響應(yīng)、頁面元素屬性動態(tài)修改及隨機數(shù)應(yīng)用等相關(guān)操作技巧,需要的朋友可以參考下2018-02-02
Bootstrap每天必學(xué)之柵格系統(tǒng)（布局）
Bootstrap每天必學(xué)之柵格系統(tǒng)，小編對Bootstrap柵格系統(tǒng)（布局）也很陌生，特分享整理這篇文章，感興趣的小伙伴們可以參考一下2015-11-11
今天小編就為大家分享一篇解決layui調(diào)用自定義方法提示未定義的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
本篇文章主要介紹了微信小程序開發(fā)之下拉刷新 上拉加載，具有一定的參考價值，有興趣的可以了解一下。2016-11-11
這篇文章主要為大家介紹了JS技巧動手實現(xiàn)紅包兔子雨效果示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
setTimeout函數(shù)兼容各主流瀏覽器運行執(zhí)行效果實例
setTimeout是一個很不錯的函數(shù)，網(wǎng)站頁面前端工程師經(jīng)常將其用于幾秒后執(zhí)行的動作，下文要講的setTimeout可以很好地兼容IE6，7,8,9以及谷歌等主流瀏覽器2013-06-06
javascript模擬php函數(shù)in_array
就是判斷一個元素是否存在于數(shù)組中的函數(shù)，既然js里string都有indexOf函數(shù)，為什么不在Array對象里設(shè)置一個這樣的函數(shù)呢，其實就用indexOf這個思想挺好的，不知道制定JS標(biāo)準的人是基于什么考慮，把這樣一個如此常用的功能沒考慮在內(nèi)的。2015-04-04
今天遇到了一些題，比較有意思和輕巧，而且加強運用一下了js原生語法，現(xiàn)在小編總結(jié)好后分享給大家，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-09-09
如何用JS實現(xiàn)簡單的數(shù)據(jù)監(jiān)聽
這篇文章主要介紹了如何用JS實現(xiàn)簡單的數(shù)據(jù)監(jiān)聽，對數(shù)據(jù)監(jiān)聽感興趣的同學(xué)，可以參考一下2021-05-05
對于JS框架開發(fā)中的客戶端（瀏覽器）兼容難題，各位想必都不陌生。平常，我們都用if去面對接口不一致以及成堆的bug。然而，這里介紹的方法卻可以讓兼容更加優(yōu)雅2011-10-10