2种方案来实现
第一种方案:
let task = document.getElementById('filterInput');
task.addEventListener('keyup',function(e){
let inputValue = e.target.value;
console.log(inputValue);
})
每按下就会执行keyup事件,随之执行函数:函数会获取刚才输入的值,并打印出来.
第二种方案
<div id="root">
//单向数据绑定
<input type="text" v-bind:value ="name" >

本文介绍了使用JavaScript实现输入框输入数据实时同步显示的两种方案,包括基于keyup事件监听和Vue的单向数据绑定。在keyup事件方案中,每当输入字符时,函数会获取并打印输入值。而在Vue方案中,数据变化直接驱动视图更新。
最低0.47元/天 解锁文章
1432

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



