本文實例講述了JS實現獲取鍵盤按下的按鍵並顯示在頁面上的方法。分享給大家供大家參考,具體如下:
請你使用鍵盤輸入一些字符,這些字符就被顯示在網頁的空白處,是不是少了文本框或文本域之類的東西,覺得挺不習慣呢?這個效果是應用了JavaScript中的document.onkeypress對象,監測鍵盤的一舉一動,並記錄下哪些鍵被按下,有意思吧,想研究Js的朋友,就從這些小例子開始吧。
運行效果截圖如下:
在線演示地址如下:
http://demo.jb51.net/js/2015/js-web-show-key-press-codes/
具體代碼如下:
<html> <head> <title>將按下的按鍵顯示在頁面上</title> <script language="javascript"> <!-- str = ""; function showkey(){ asc = event.keyCode; key = String.fromCharCode(asc); str += key; txt.innerHTML = str; } document.onkeypress=showkey; --> </script> </head> <body> 請使用鍵盤輸入文字: <div id="txt"></div> </body> </html>
希望本文所述對大家JavaScript程序設計有所幫助。