页面中显示输入的字符

最新推荐文章于 2023-01-17 10:23:52 发布

松仔来了

最新推荐文章于 2023-01-17 10:23:52 发布

阅读量866

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/songzaiblog/article/details/16881351

版权

js 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

这个例子有个小问题是，输入不了中文，还有就是当点击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 οnkeypress="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;
}