使用accesskey屬性為HTML網頁設置快捷鍵
作者:佚名 時間:2014-04-08 分享到:
利用accesskey屬性為網頁設置快捷鍵
許多網頁用戶界面都鼓勵使用快捷鍵:使用戶可以快速訪問網頁上某個元素的簡短的擊鍵序列。HTML4和XHTML以accesskey屬性提供了對這種功能的支持。
accesskey屬性的值是一個單獨的字符,當該字符和其他某種特殊的按鍵同時按下時,焦點會立刻轉換到相關的表單元素上。該特殊按鍵隨著不同的用戶界面會有所變化:Windows用戶使用的是Alt鍵,而Unix用戶使用的是Meta鍵。
例如,如果向<textarea>元素中添加了accesskey="T",當Windows用戶按下Alt+T時,焦點就會轉換到文本區。請注意,accesskey屬性的值是單個字符,而且對大小寫非常敏感(譬如,大寫的“T”與其小寫情況是不同的)。
現在,Internet Explorer 5及其以后版本以及Netscape C都支持accesskey屬性。但是,一定要在所有瀏覽器中認真測試自己的快捷鍵選項。例如,在InternetExplorer中,按Alt+f可以跳轉為選擇帶有accesskey="f'·屬性的標簽,而在Netscape中,該組合鍵會打開“文件(File )”下拉菜單。
還要注意,accesskey選項不僅僅會跳轉到柑關的表單元素,還可以選擇該表單元素。因此,如果要將accesskey與某個單選按鈕關聯起來,可以按下訪問組合鍵.然后用戶顯示不僅會將焦點轉移到該單選按鈕上,還會選中它,就像用戶用鼠標單擊了該元素一樣。這種作用適用于所有動作表單元素:跳轉和選擇。