输入数字键能正常显示,输入字母不能显示

来源:4-18 事件对象(2)

邹8122628

2021-12-03 11:21:01

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<style>

</style>

</head>

<body>

<input type="text" id="feild">

<h1 id=info></h1>


<script>

var oFeild = document.getElementById('feild');

var oInfo = document.getElementById('info');

oFeild.onkeypress = function(e){

oInfo.innerHTML = '它的字符码是'+e.charCode;

}

</script>

</body>

</html>


写回答

1回答

好帮手慕久久

2021-12-03

同学你好,老师测试代码,输入字母能显示charCode:

https://img.mukewang.com/climg/61a98eff0903fd3905030159.jpg

需要注意如下事项:

1、id名,最好用引号包裹起来,这样更规范:

https://img.mukewang.com/climg/61a98f1f098fcfdf03960100.jpg

2、输入字母时,输入法要处于英文状态,否则可能会影响测试效果:

https://img.mukewang.com/climg/61a98f43093dcac605430208.jpg

3、最好使用本地编辑器测试,不要使用网站中提供的在线编辑器测试。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程