本文實例講述了JS實現(xiàn)獲取鍵盤按下的按鍵并顯示在頁面上的方法。分享給大家供大家參考,具體如下:
請你使用鍵盤輸入一些字符,這些字符就被顯示在網(wǎng)頁的空白處,是不是少了文本框或文本域之類的東西,覺得挺不習(xí)慣呢?這個效果是應(yīng)用了JavaScript中的document.onkeypress對象,監(jiān)測鍵盤的一舉一動,并記錄下哪些鍵被按下,有意思吧,想研究Js的朋友,就從這些小例子開始吧。
運行效果截圖如下:

在線演示地址如下:
http://demo.VeVB.COm/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程序設(shè)計有所幫助。
新聞熱點
疑難解答