input输入事件
我要实现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>