javascript - 为什么我的脚本没有在 div 中动态显示输入字符

标签 javascript html

我想创建一个 TextField,当我在其中提供任何输入时,它会显示在 div 上并且此脚本显示输入但不正确...
我不知道我在哪里犯了错误,我要求请只用 JavaScript 给出答案,请不要使用 jquery。谢谢 。

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<form name="form">
<input name="t" value="" onkeypress="printvalues();">
</form>
<div id="divId"></div>
</body>
</html>

脚本

function printvalues() {
    var div = document.getElementById("divId");
    div.innerHTML += form.t.value;
}

Here is my code with output

最佳答案

function printvalues() {
    var div = document.getElementById("divId");
    div.innerHTML = document.form.t.value;
}

编辑:按键事件在文本框的值更改之前执行,所以使用 keyup() 事件,它在释放键时触发,而不是像

<input name="t" value="" onkeyup="printvalues();">

关于javascript - 为什么我的脚本没有在 div 中动态显示输入字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17122611/

相关文章:

html - CSS Nav 溢出容器

html - Zurb Foundation 多列网格高度问题

HTML5如何显示具有多个视频轨道的MediaStream

javascript - jQuery 右侧文本框值未在提交数据上获取

javascript - 5级相互依赖的选择列表

javascript - 优化 Javascript 代码

javascript - 如何定义div特定的脚本标签?

html - 计算用户在整个网站上的总点击次数并相应地更改背景

javascript - 如何从谷歌选择器上传获取图片网址

knockout.js - 如何确保 Knockout.js 映射插件不会将 null 映射到属性