如何使用原生JS在一个输入框每次输入时获取他的值并赋值给另一个元素
可以使用addEventListener()方法监听输入框的input事件,在事件处理函数中获取输入框的值并赋值给另一个元素。
示例代码:
<input id="input-box" type="text">
<p id="output"></p>
<script>
var inputBox = document.getElementById('input-box');
var output = document.getElementById('output');
inputBox.addEventListener('input', function() {
output.innerText = inputBox.value;
});
</script>
在上面的代码中,我们获取了输入框和输出元素的引用,然后使用addEventListener()方法添加了一个input事件监听器。当用户在输入框中输入内容时,事件处理函数会被触发,我们在这个函数中获取输入框的值并赋值给输出元素的innerText属性。这样,每次输入框的值发生变化时,输出元素的文本也会随之更新
原文地址: https://www.cveoy.top/t/topic/hj1R 著作权归作者所有。请勿转载和采集!