網頁標題: 利用javascript偵測鍵盤動作
 



Aug 26 Tue 2008 21:34
利用javascript偵測鍵盤動作-無名相簿熱鍵功能實做
分享:   
自視窗系統以及網頁問世以來,高互動式的UI環境帶給人類全新的使用體驗,突然間滑鼠變成了不可或缺的工具,而分頁這個功能則是自CLI盛行時代就有的基本瀏覽需求,網頁在大量資料表單的呈現上,分頁的需求更是兼顧了效能以及瀏覽便利性而必備的功能,但是,當有需要瀏覽大量頁面時,以滑鼠點選下一頁的方式似乎沒有直接以鍵盤熱鍵換頁來的直覺且方便。

前兩天幫同事寫了一個換頁熱鍵的功能,發現javascript只要透過overload事件處理函式即可完成鍵盤監聽(偵測)的動作,比起利用系統API做keylogger還要簡單,不過兩者應用方式不同,不能混為一談,廢話不多說直接看code:


只需要更改上面的sample code的alert部分為換頁動作即可完成javascript熱鍵功能,在javascript中主要的鍵盤動作分為keydown、keypress以及keyup,keydown以及keypress都表示按下鍵盤,但是執行順序有差(keydown->keypress->keyup),而我在網路上面查到的資料表示,keypress無法偵測系統功能鍵(如delete)是和其他兩個事件處理函式較為不同的地方,我這邊選擇overload的函式為keydown,主要是希望熱鍵按了就有反應,如此而已,有需要的人可以根據需求overload不同函式。

有需要查key code的人可以參考Tsung's Blog的鍵盤按鍵與javascript key code對應表

nsysumis94 發表在 痞客邦 PIXNET 迴響(0) 引用(0) 人氣(1088)

參考網址:http://nsysumis94.pixnet.net/blog/post/21559708
回 · 關於鍵盤控制 這一篇文章封面


本文張貼者:校校鴿〔張貼時間:民國98年12月24日(星期四)21點42分〕 | 寫信給校校鴿

部落格首頁


學習的故鄉首頁
本站公告:〔您越需要我們,我們就越有創意〕 本站說明書:〔發現故鄉還有改進的地方,請來信告訴原丁們〕
觀察應用學習點數 :〔咱的故鄉有您的參與,會使我們有更大的發揮空間,展現更豐富精彩的學習畫面〕 〔期待藉由無障礙網頁設計,能讓視障小朋友更愛看書、更愛寫作且更愛學習〕:盲用電腦「心得分享」
〔為了讓我們有乾淨的學習環境,請勿任意在本站散播商業廣告與不合法文件或聯結〕:本站宣示