当前位置: 首页 > news >正文

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>

http://www.lryc.cn/news/165481.html

相关文章:

  • 接入 NVIDIA A100、吞吐量提高 10 倍!Milvus GPU 版本使用指南
  • php://filter协议在任意文件读取漏洞(附例题)
  • 【Redis】1、NoSQL之Redis的配置及优化
  • 9.5QTday6作业
  • Redis I/O多路复用机制
  • Matlab 2016安装MinGW-w64-4.9.2
  • Tomcat配置ssl、jar包
  • Unity中Shader实现UI去色功能的实现思路
  • Python垃圾回收机制详解:引用计数与循环垃圾收集器
  • 自然语言处理应用(三):微调BERT
  • MySQL基础【学习至基本语句】
  • Leetcode152. 连续子数组的最大乘积
  • 01_kafka_环境搭建安装_topic管理
  • Python+Requests+Excel接口测试实战
  • 10:STM32------I2C通信
  • Git多人开发解决冲突案例
  • 医疗机构如何维护电力系统?来看看这个小技巧
  • 时序预测 | MATLAB实现ELM极限学习机时间序列预测未来
  • 【数据分享】1901-2022年我国省市县镇四级的逐年平均气温数据(免费获取/Shp/Excel格式)
  • 【Axure高保真原型】日历日期原型模板
  • 深入了解接口测试:Postman 接口测试指南
  • 【ROS】Ubuntu20.04+ROS Noetic 配置PX4-v1.12.2和Gazebo11联合仿真环境【教程】
  • Java 代理模式之静态代理与动态代理
  • 打造基于终端命令行的IDE,Termux配置Vim C++开发环境
  • 【初阶C语言】操作符2---表达式求值
  • 代码随想录day50|123. 买卖股票的最佳时机 III188. 买卖股票的最佳时机 IV
  • Word 表格单元格无法垂直居中
  • python实现Flask POST Demo
  • 3-Pytorch张量的运算、形状改变、自动微分
  • 用户权限数据转换为用户组列表(3/3) - Excel PY公式