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

input输入事件

news 文章来源：https://blog.csdn.net/m0_47999208/article/details/132791508 2024/10/29 0:28:41

我要实现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>

相关文章：

input输入事件

我要实现input输入框一边输入&#xff0c;一边在控制台输出结果 现有如下代码 <body><input type"text" onchange"myFunction()" /><script>function myFunction(){console.log(999)}</script> </body> 当敲下回车键后才会…...

编程日记 2023/9/13 18:46:41

接入 NVIDIA A100、吞吐量提高 10 倍！Milvus GPU 版本使用指南

Milvus 2.3 正式支持 NVIDIA A100&#xff01; 作为为数不多的支持 GPU 的向量数据库产品&#xff0c;Milvus 2.3 在吞吐量和低延迟方面都带来了显著的变化&#xff0c;尤其是与此前的 CPU 版本相比&#xff0c;不仅吞吐量提高了 10 倍&#xff0c;还能将延迟控制在极低的水准。…...

编程日记 2023/9/13 18:45:40

php://filter协议在任意文件读取漏洞（附例题）

php://filter php://fiter 中文叫 元器封装&#xff0c;咱也不知道为什么这么翻译&#xff0c;目前我的理解是可以通过这个玩意对上面提到的php IO流进行处理&#xff0c;及现在可以对php的 IO流进行一定操作。 过滤器&#xff1a;及通过php://filter 对php 的IO流进行的具体…...

编程日记 2023/9/13 18:44:39

【Redis】1、NoSQL之Redis的配置及优化

关系数据库与非关系数据库 关系型数据库 关系型数据库是一个结构化的数据库&#xff0c;创建在关系模型&#xff08;二维表格模型&#xff09;基础上&#xff0c;一般面向于记录。 SQL 语句&#xff08;标准数据查询语言&#xff09;就是一种基于关系型数据库的语言&a…...

编程日记 2023/9/13 18:40:35

9.5QTday6作业

面试题1&#xff1a;c语言中的static和c中的static的用法 在c语言中&#xff1a; 1.static修饰的全局变量作用域限制在当前文件&#xff0c;无法被外部文件所引用。2.static修饰的局部变量延长生命周期&#xff0c;但不改变作用域&#xff0c;同样无法被外部文件所引用。3.st…...

编程日记 2023/9/13 18:39:34

Redis I/O多路复用机制

一、基础回顾 1.1 多路复用要解决什么问题 并发多客户端连接场景&#xff0c;在多路复用之前最简单和典型的方案就是同步阻塞网络IO模型。 这种模式的特点就是用一个进程来处理一个网络连接(一个用户请求),比如一段典型的示例代码如下。 直接调用 recv 函数从一个 socket 上…...

编程日记 2023/9/13 18:38:32

Matlab 2016安装MinGW-w64-4.9.2

Matlab 2016安装MinGW-w64-4.9.2 项目需求&#xff1a;需要将matlab中的.m文件编译为cpp文件 .dll .h .lib。 我相信大家在对matlab2016安装MinGW-w64出现了各种各样的问题。如&#xff1a;4.9.2安装失败&#xff1b;安装了其他版本但是matlab检测不到&#xff0c;或者其他各种…...

编程日记 2023/9/13 18:34:27

Tomcat配置ssl、jar包

Tomcat配置ssl 部署tomcat服务&#xff0c;项目做到用https访问&#xff0c;使用nginx去做&#xff0c;访问任意一个子网站&#xff0c;都是https 或者 医美项目需要 上传jdk 456 tomcat war包 [nginx-stable] namenginx stable repo baseurlhttp://nginx.org/packages/…...

编程日记 2023/9/13 18:32:25

Unity中Shader实现UI去色功能的实现思路

文章目录 前言一、在开发过程中&#xff0c;在UI中会涉及一些需要置灰UI的需求&#xff0c;有很多实现的方法1、做两套纹理&#xff0c;通过程序控制切换2、使用shader实现对纹理去色 二、这里主要记录用shader实现的思路1、基础纹理的采样2、支持组件中的调色3、遮罩功能4、去…...

编程日记 2023/9/13 18:31:24

Python垃圾回收机制详解：引用计数与循环垃圾收集器

文章目录 Python垃圾回收机制引用计数机制循环垃圾收集器小结详细讲解及实操1. 程序中的垃圾问题2. 垃圾的定义3. 自动垃圾回收机制4. 示例&#xff1a;使用del方法删除垃圾对象5. 手动处理垃圾回收6. 结束程序7. 垃圾回收的自动处理8. 结束程序 python精品专栏推荐python基础知…...

编程日记 2023/9/13 18:30:23

自然语言处理应用(三)：微调BERT

微调BERT 微调&#xff08;Fine-tuning&#xff09;BERT是指在预训练的BERT模型基础上&#xff0c;使用特定领域或任务相关的数据对其进行进一步训练以适应具体任务的需求。BERT&#xff08;Bidirectional Encoder Representations from Transformers&#xff09;是一种基于Tr…...

编程日记 2023/9/13 18:29:22

MySQL基础【学习至基本语句】

一、安装与配置 1、安装 yum install -y mysql-server.x86_642、MySQL安装完成后&#xff0c;启动报错&#xff0c;查看MySQL的状态&#xff0c;发现是3306端口被占用 [rootiZ56kkvaq4nlfhZ etc]# systemctl status mysqld.service ● mysqld.service - MySQL 8.0 database …...

编程日记 2023/9/13 18:26:18

Leetcode152. 连续子数组的最大乘积

力扣&#xff08;LeetCode&#xff09;官网 - 全球极客挚爱的技术成长平台 给你一个整数数组 nums &#xff0c;请你找出数组中乘积最大的非空连续子数组&#xff08;该子数组中至少包含一个数字&#xff09;&#xff0c;并返回该子数组所对应的乘积。 测试用例的答案是一个 32…...

编程日记 2023/9/13 18:23:15

01_kafka_环境搭建安装_topic管理

文章目录 安装jdk配置主机名Zookeeper 下载与安装Kafka 下载与安装测试集群版安装测试输出 安装jdk 略 配置主机名 hostnamectl set-hostname kafka_1 /etc/sysconfig/network HOSTNAMEkafka_1/etc/hosts ip kafka_1ping kafka_1 测试 Zookeeper 下载与安装 由于 集群…...

编程日记 2023/9/13 18:19:10

Python+Requests+Excel接口测试实战

1、EXCEL文件接口保存方式&#xff0c;如图。 2、然后就是读取EXCEL文件中的数据方法&#xff0c;如下&#xff1a; 1 import xlrd2 3 4 class readExcel(object):5 def __init__(self, path):6 self.path path7 8 property9 def getSheet(self): 10 …...

编程日记 2023/9/13 18:15:06

10:STM32------I2C通信

目录​​​​​​​ 一:I2C通信协议 1:I2C简历 2:硬件电路 3:I2C时序基本单元 A : 开/ 终条件 2:发送一个字节 3:接收一个字节 4:应答机制 4:I2C时序 1:指定地址写 2:当前地址读 3: 指定地址读 二:MPU6050 1:简历 2:参数 3:硬件电路 4:框图 5:寄存器地址 …...

编程日记 2023/9/13 18:13:04

Git多人开发解决冲突案例

准备工作&#xff1a; 1.创建一个gitee远程仓库https://gitee.com/xxxxxxx.git 2.初始化两个本地git仓库用户&#xff0c;目的是模拟多人协作开发时提交代码发生冲突的场景 3.解决冲突并提交。 进入正题&#xff1a; lisi 通过vim指令修改readme.md文件内容&#xff0c;推送到…...

编程日记 2023/9/13 18:12:03

医疗机构如何维护电力系统？来看看这个小技巧

在现代医疗领域&#xff0c;电力是不可或缺的。从手术室里的手术灯到病房中的呼吸机&#xff0c;医院的各种医疗设备和系统都依赖于稳定的电源供应。 然而&#xff0c;电力中断和紧急情况不可避免&#xff0c;而这些情况下的电力可靠性可能会直接影响病人的生命和健康。为了确保…...

编程日记 2023/9/13 18:10:02

时序预测 | MATLAB实现ELM极限学习机时间序列预测未来

时序预测 | MATLAB实现ELM极限学习机时间序列预测未来 目录 时序预测 | MATLAB实现ELM极限学习机时间序列预测未来预测效果基本介绍程序设计参考资料 预测效果 基本介绍 1.MATLAB实现ELM极限学习机时间序列预测未来&#xff1b; 2.运行环境Matlab2018及以上&#xff0c;data为数…...

编程日记 2023/9/13 18:09:01

【数据分享】1901-2022年我国省市县镇四级的逐年平均气温数据（免费获取/Shp/Excel格式）

气象数据在日常研究中非常常用&#xff0c;之前我们分享过来自国家青藏高原科学数据中心提供的1901-2022年1km分辨率逐月平均气温栅格数据&#xff0c;2001-2022年我国省市县镇四级的逐月平均气温数据&#xff0c;以及基于该栅格数据处理得到的1901-2022年1km分辨率的逐年平均气…...

编程日记 2023/9/13 18:08:00

【Axure高保真原型】日历日期原型模板

今天和大家分享日历日期的原型模板&#xff0c;包括月计划、周计划、日计划的原型案例&#xff0c;以及日期、时间、月份、区间选择器……具体效果可以点击下方视频观看 【原型预览及下载地址】 Axure 原型 备用地址&#xff1a;Untitled Document 【原型效果】 【原型效果…...

编程日记 2023/9/13 18:05:58

深入了解接口测试：Postman 接口测试指南

在现代软件开发生命周期中&#xff0c;接口测试是一个至关重要的部分。使用 Postman 这一工具&#xff0c;可以轻松地进行 接口测试。以下是一份简单的使用教程&#xff0c;帮助你快速上手。 安装 Postman 首先&#xff0c;你需要在电脑上安装 Postman。你可以从官网上下载并…...

编程日记 2023/9/13 18:04:57

【ROS】Ubuntu20.04+ROS Noetic 配置PX4-v1.12.2和Gazebo11联合仿真环境【教程】

【ROS】Ubuntu20.04ROS Noetic 配置PX4-v-v1.12.2和Gazebo11联合仿真环境【教程】 文章目录 【ROS】Ubuntu20.04ROS Noetic 配置PX4-v-v1.12.2和Gazebo11联合仿真环境【教程】0. 安装UbuntuROS1. 安装依赖2. 安装QGC地面站3. 配置PX4-v1.12.23.1 安装PX43.2 测试PX4是否成功安装…...

编程日记 2023/9/13 18:00:54

Java 代理模式之静态代理与动态代理

1&#xff0c;代理模式 代理模式给某一个对象提供一个代理对象&#xff0c;并由代理对象控制对原对象的引用。通俗的来讲代理模式就是我们生活中常见的中介。 代理模式的目的&#xff1a; &#xff08;1&#xff09;通过引入代理对象的方式来间接访问目标对象&#xff0c;防…...

编程日记 2023/9/13 17:59:53

打造基于终端命令行的IDE，Termux配置Vim C++开发环境

Termux配置Vim C开发环境&#xff0c;打造基于终端命令行的IDE 主要利用VimCoc插件&#xff0c;配置C的代码提示等功能。 Termux换源 打开termux&#xff0c;输入termux-change-repo 找到mirrors.tuna.tsinghua.edu.cn&#xff0c;清华源&#xff0c;空格选中&#xff0c;回…...

编程日记 2023/9/13 17:57:51

【初阶C语言】操作符2---表达式求值

前言&#xff1a;本节重点介绍操作符的使用&#xff0c;如&#xff0c;优先级高低、类型转换等 一、逻辑操作符 前言&#xff1a;逻辑操作符包括逻辑与&#xff08;&&&#xff09;和逻辑或&#xff08;||&#xff09;&#xff0c;操作对象&#xff1a;两个 1.逻辑与&…...

编程日记 2023/9/13 17:56:50

代码随想录day50|123. 买卖股票的最佳时机 III188. 买卖股票的最佳时机 IV

123. 买卖股票的最佳时机 III class Solution:def maxProfit(self, prices: List[int]) -> int:dp[[0]*5 for _ in range(len(prices))]dp[0][0]0dp[0][1]-prices[0]dp[0][2]0dp[0][3]-prices[0]dp[0][4]0for i in range(1,len(prices)):dp[i][0] dp[i-1][0]dp[i][1] max…...

编程日记 2023/9/13 17:55:49

Word 表格单元格无法垂直居中

Word使用 由于平时也需要用到word编写一些文档&#xff0c;但是咱们就是用的少&#xff0c;很多操作或者技巧不太清楚&#xff0c;很多小问题处理起来反而需要消耗很多时间&#xff0c;所以在这里记录平时遇到的一些问题。 表格无法垂直居中 类似于上图的情况&#xff0c;总之…...

编程日记 2023/9/13 17:54:47

python实现Flask POST Demo

数据处理逻辑 from flask import Flask, requestapp Flask(__name__)app.route(/, methods[POST]) def index():username request.form[username]password request.form[password]if username "Jhon" and password "1":return f"<html>&l…...

编程日记 2023/9/13 17:52:43

3-Pytorch张量的运算、形状改变、自动微分

3-Pytorch张量的运算、形状改变、自动微分 1 导入必备库2 张量的运算3 张量的算数运算4 一个元素的张量可以使用tensor.item()方法转成标量5 torch.from_numpy()和tensor.numpy()6 张量的变形7 张量的自动微分8 使用with torch.no_grad():包含上下文中使其不再跟踪计算9 使用te…...

编程日记 2023/9/13 17:51:42

微网站开发不用模板/外贸公司如何做推广

展开全部/*** version 1.0* author 韩卫召62616964757a686964616fe59b9ee7ad9431333236393137** 多种方式读文件的内容* 按字节读取文件内容,按字符读取文件的内容,按行读取文件的内容,随即读取文件的内容*/import java.io.BufferedReader;import java.io.File;import java.io.…...

编程日记 2024/10/28 22:08:58

wordpress archives页/腾讯新闻潍坊疫情

假设现在有四个模块&#xff0c;account-aggregator、account-parent、account-email、account-persist&#xff0c;account-aggregator作为聚合模块聚合了account-email模块和account-persist模块&#xff0c;account-parent为父模块&#xff0c;account-email模块和account-p…...

编程日记 2024/10/28 21:51:39

网站建设方案书一定要交/北京seo网站开发

一、创新不是一种例外或独一块在公司内部进行创新并不容易&#xff1a;大多数公司都是为了按照现有商业模式经营而做了优化&#xff0c;不是为了进行创新而做了优化。管理层必须明白&#xff0c;创新不是一种例外二、首席创新官很多公司正打算设置首席创新官的角色&#xff0c;…...

编程日记 2024/10/28 20:06:24

部门定制网站建设公司/广告平台推广渠道

路由组件传参 通过props解耦 const User {props: [id],template: <div>User {{ id }}</div> } const router new VueRouter({routes: [{ path: /user/:id, component: User, props: true },// 对于包含命名视图的路由&#xff0c;你必须分别为每个命名视图添加 p…...

编程日记 2024/10/28 18:19:31

瓷砖网站模板/百度竞价广告推广

Linux系统如何安装wine在线安装法 在终端输入下面代码wget -nc https://dl.winehq.org/wine-builds/Release.keysudo apt-key add Release.keysudo apt-add-repository https://dl.winehq.org/wine-builds/ubuntu/sudo apt-get install --install-recommends winehq-stable安装…...

编程日记 2024/10/28 16:49:43

wordpress 可爱主题/免费收录网站

氧气吸入器市场的企业竞争态势 该报告涉及的主要国际市场参与者有Vicks、Drive Medical、Briggs Healthcare、Tabbies、Veridian Healthcare、Equate、Benzedrex、Asthmanefrin、SleepRight、Radiohead、Kncaopoa、Garmin、Macks等。这些参与者的市场份额、收入、公司概况和SWO…...

编程日记 2024/10/28 15:24:13