页面中显示输入的字符

来源:互联网 发布:东财网络精品课程 编辑:程序博客网 时间:2024/04/29 09:39

这个例子有个小问题是,输入不了中文,还有就是当点击back键时浏览器会跳到上一个地址,测试的是谷歌chrome浏览器。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Displaying Keypresses</title><script type="text/javascript" src="test2.js"></script></head><body onkeypress="DisplayKeys(event)"><h1>Displaying Typed Characters</h1><p>This document includes a simple script that displays the keys you type on the paragraph below.Type a few keys and try it. <p><p id="keys"></p></body></html>

test2.js代码如下

function DisplayKeys(e){if(e.keyCode){keycode=e.keyCode;}else{keycode=e.which;}character=String.fromCharCode(keycode);k=document.getElementById("keys");k.innerHTML+=character;}