首頁 > web前端 > css教學 > [轉]Accesskey引起的一點思考_經驗交流

[轉]Accesskey引起的一點思考_經驗交流

WBOY
發布: 2016-05-16 12:08:55
原創
1670 人瀏覽過

Access key 是什麼? ~估計除了做 Web 開發的沒多少人知道,Access key 是網頁提供的快捷鍵。先回到軟體介面,看下我的 Opera 的選單,我的 Opera 是修改過的,中英文混在一起。
[轉]Accesskey引起的一點思考_經驗交流
中文的作法一般都是在文字後面加個括號,裡面的鍵值用底線標出。而英文一般是把開頭當成鍵值,如有重複的就推到第二第三,如果那個單字比較倒霉,所有字母都有跟別的有衝突又排在最後面的話,一般做法也不會像中文一樣加括號標值。而是調整其他的來解決衝突,這年頭,視覺第一!中文什麼好辦法,統一加括號。這是系統提示的熱鍵(比較懶,沒去查它叫什麼名?),按下 alt key 可直呼出,不知道有多少人用滑鼠去點多一些。

回到網頁中,在網頁裡,一樣有著差不多功能的東東。大家叫它Access key,看起來是最近流行滴樣子。
<tag accesskey="x">標籤新增屬性accesskey,屬性值就是對應的鍵</tag> 相關資料:http://www.w3.org/TR/1999/ REC-html401-19991224/interact/forms.html#access-keys

一般按法也是 alt key 來選取。不過各瀏覽器都不大一樣。
IE系列使用alt key,再加Entet回一下下車(如果是連結的話。)
FF2.0以下的是也使用alt key,不過如果是連結的話,直接打開,Netscape也是直接按Alt key
FF2.0的,官方說:網頁提供的快捷鍵(Access key) 現在在Windows 上請以Alt Shift Key 來使用,在Mac OS X 為Ctrl key,Unix 則是Ctrl Shift key。 ,可是我的SUSE上的FF2.0還是用 Alt Shift Key,不知道是算什麼系統。 。 -_-!!
除了alt key外還要多按個鍵的做法是為了避免與瀏覽器的衝突,想法是好滴,可單手按起來並不方便。
Opera的是按下Shift Esc 啟動accesskey面板。再接Key直接選擇,這是我以前做的小站的部分截圖
[轉]Accesskey引起的一點思考_經驗交流

#

跟Opera使用方式差不我的還有Konqueror,Konqueror 是個按下Ctrl 激活accesskey 面板,除去已經分配的accesskey外,會自動把其他的鍵按頁面鏈接的順序按XXX條件分配,字母分完了就分配數字,都分完了後面的就沒有。不過Konqueror 這個瀏覽器,估計沒什麼人會去用,現在 linux 的發行版大多預設是 Firefox 。

Mac OS X 上的我就不知道。沒錢買裝的起這種系統的機子。 x86的裝了n個版本,N台機子,都沒裝上一個圖型介面可用的。如有使用Mac OS的朋友告知一下,也許我哪天會用Mac不用再想這個問題。

知道了accesskey 怎麼操作後,思考一下,它應該用在什麼地方。
一般來說,非打字狀態下,我左手是放鍵盤左邊或拿煙,右手抓住滑鼠,以防給人搶了。
如果有明顯提示的 accesskey 並在 key 是鍵盤左邊,我單手能很方便按到時才可能會使用,我比較懶 ^_#。

為什麼說要有明顯提示的 accesskey 才可能會使用會使用呢?我以前做的小站。是用tip來提示的,我連自己做的東西都忘記了,更別說別人的。而如果按一個鍵要我把整隻左手移到鍵盤的右邊,我寧可使用滑鼠操作。
那什麼是明顯的提示呢。來看看小甘甘滴小站吧,注意最上面的導航選單。英文還是比較好做一點點,可以抽個字母來用,中文的我並沒想到什麼好一點的方法。也許像視窗的選單的一樣是辦法,中文的字並不能全排進鍵盤那些鍵裡,就算可以排進去,又有多少人能記得住。

accesskey 的值可以是字母跟數字。有些瀏覽器並沒有解決網頁裡跟瀏覽器裡的按鍵衝突。所以,並非所有的字母都適合使用。同時,有些瀏覽器的數字並不能使用小鍵盤裡的數字。例如FF,
如果一個人會在網頁裡使用別人提供 accesskey 的話,理論上他也會使用瀏覽器上的來完成一些操作。當然,這只是我個人想法,我不知道別人是否也是。也許別人跟我一樣,IE只是用來調試網頁使用的。

如果在網頁裡使用的 accesskey 與瀏覽器上的選單重疊了,例如 "V" 給網頁用了,我就不能按 Alt V, C 這樣簡單的在IE開啟原始檔來看,哎!做開發的人一天就知道看程式碼。希望有在網頁使用accesskey 的朋友不要選擇與瀏覽器的有衝突的按鍵。

除了菜單。還有什麼地方常會用到呢?一般來說是表單,錄入文字時我會使用雙手。按鍵範圍也就大了。例如像一位台灣的朋友OOO的blog,在留言時可以用 accesskey 來選擇要填的地方。像這樣操作的確方便了點,不過我一般都不用。
一般我看文章時。右手還在滑鼠上,拉到評論時,會順便點在第一個input 裡,之後一般是按Tab 來跳到下一個input 或者別的,要返回上一個時,是按Tab Shift 來跳回,怎麼說Tab 鍵也是比較大一點的,方便按一點。

說著說著,好像accesskey 用處並不怎樣的樣子。其實,因為我們通常有滑鼠用,如果沒有滑鼠呢?所以,大家買手機時最少得買有藍牙可以控制電腦滴,如果滑鼠不小心壞了,還可以臨時當下滑鼠用。在現在多數網站光使用Tab都比較難用滴,又有多少使用AJAX技術的網站來提高用戶體驗~結果是讓我在滑鼠出現問題時,連唯一的Tab都沒用了。

除去 accesskey 外,還有一些網站,強制使用鍵盤的某些鍵配合js來完成一些操作。例如按Home鍵就跳到首頁,方向鍵往左是跳到上一篇文章,往右跳到下一篇。有時,用著是挺方便的;有時,也許會很煩,因為原來的功能沒了。

請不用在本小站嘗試 accesskey,因為沒有做之類的功能,只是昨晚有個朋友問到 FF2.0 按了沒反應的問題,便寫下自己的一些想法。也許,下次改版,我會把小站做得更像樣,也許,改版都可以省掉,因為很懶,忙其實只是個華麗的藉口。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板