代码之家 › 专栏 › 技术社区 › whoislouis

JavaScript在键控时将输入值复制到innerHTML(addEventListener)

keyup addeventlistener javascript

-1

whoislouis · 技术社区 · 7 年前

<input type="text" id="test" value="">

<p id="box"></p>


<script type="text/javascript">

document.getElementById('test').addEventListener('keyup', function () {

document.getElementById('box').innerhtml = document.getElementById('test').value;

});

</script>

2 回复 | 直到 7 年前

BenoitVasseur 7 年前

正如Geuis所说(发表评论),您的错误是innerHTML(而不是innerHTML),请参见: https://codesandbox.io/s/724r405wo1

我鼓励您将代码更改为:

var box = document.getElementById('box')

document.getElementById('test').addEventListener('keyup', function (event) {
    box.innerHTML = event.target.value
});

Minan 7 年前

您必须使用输入值来获取即时输入。比如:

document.getElementById('input').addEventListener('input', (e) => {
    document.getElementById('box').innerHTML = e.target.value
})

推荐文章

Maroof Kadiri · 全局变量未在特定块中访问

2 年前

huz3y · addEventListener不适用于从javascript添加的新类所选的元素

2 年前

Gerald · 试图在addEventListener内设置表单的文件input.value=null

2 年前

Alx_Wil95 · script.js:3:20未捕获类型错误:无法读取null的属性(正在读取“addEventListener”)

2 年前

Pajurama Kreativagentur · 悬停时显示的图像在Safari中不起作用

2 年前

Kony Nunez · 在第一个按钮中添加一个事件侦听器,将<h1>中的文本更改为大写或全小写

2 年前

Mahdiyar · 使用AddEventlistener重新加载页面的Javascript

2 年前

Diana Heng · 如何为每个产品添加评论?

2 年前

xVentux · 为什么eventListener没有应用于按钮元素?

2 年前

user13286 · 让锚点元素上的点击事件监听器也应用于锚点的子元素[重复]

3 年前