DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 網頁設計或制作中與鍵盤相關的一些技術
網頁設計或制作中與鍵盤相關的一些技術
編輯:關於JavaScript     

從最基礎的說起。本教程中,所有IE 均指 WindowXP + IE 6.0, 所有 FF 均指 FF 1.5。

編程部分

1.1 Form 中。 submit 的快捷鍵是 enter,reset 的快捷鍵是 esc。
1.1.1
在 IE 中,按下enter 鍵後 卻不會激發 submit 的 onclick 事件, 按下esc 鍵後 會激發 reset 的 onclick 事件
1.1.2 在 FF 中與 IE 正相反,按下enter 鍵後 會激發 submit 的 onclick 事件, 按下esc 鍵後 卻不會激發 reset 的 onclick 事件
1.1.3 在 form 中,時間激發順序是: submit 按鈕的 onclick ==> form 的 onsubmit

運行代碼框

[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]

1.2. Accesskey 屬性。
1.2.1
注意 accesskey 的設置如果和浏覽器的菜單相同,會優先於菜單。使用時的快捷鍵是 alt + 設置的鍵值
1.2.2 label 的 for 屬性配合 accesskey 效果較好
1.2.3 在IE 中,Link 對象的 accesskey 只是使 焦點轉移到 link 上,並不等同於點擊,FF 中則相當於點擊. 與他對比的是,input type=checkbox 的 accesskey 效果不論在IE 還是 FF 中都是點擊。

運行代碼框

[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]

2. 然後就需要編程了

2.1 簡單的按鍵捕獲。
2.1.1
事件有 onkeydown, onkeypress, onkeyup
2.1.2 IE 與 FF 的 事件寫法不同,請學習下面的代碼:

運行代碼框

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved