我要实现input输入框一边输入,一边在控制台输出结果
现有如下代码
<body>
<input type="text" onchange="myFunction()" />
<script>
function myFunction(){
console.log('999')
}
</script>
</body>
当敲下回车键后才会输出999,并不会一边输入,一边输出。
gpt给出答案
<body>
<input type="text" oninput="outputResult(this.value)">
<script>
function outputResult(value) {
console.log(value)
}
</script>
</body>
在vue3中使用ref结合v-model
const inputValue = ref("");
const handleClick = () => {
console.log(inputValue.value); // 获取input的值
};
<input v-model="inputValue" />
<button @click="handleClick">提交</button>