在程序中,我们经常使用事件 `onkeypress` 来获取输入框的内容,如果不注意这一点,容易引发`bug`
测试代码如下:
```
<!DOCTYPE html>
<html>
<head>
<title>Content of Input</title>
</head>
<body>
<div class="container">
<input type="text" placeholder="sth" onkeypress="getContent(event)">
<div id="content"></div>
</div>
<script>
function getContent(event) {
let content = document.querySelector('#content');
content.innerText = event.target.value;
}
</script>
</body>
</html>
```
输出的内容永远少一个按键的字符,所以在获取单一输入框内容时,一定要注意。
本文通过一个简单的示例展示了在使用onkeypress事件获取输入框内容时可能会遇到的问题,并提供了修复建议。

72

被折叠的 条评论
为什么被折叠?



