javascript - 为什么 onChange 和 onKeyDown 事件同时触发?有没有办法防止这种情况发生?
问题描述
我正在尝试做一些研究以寻找解决方案。我好像没有找到。为什么 onChange 和 onKeyDown 事件同时触发?
输出:
onKeyDown
改变
import React, {useState} from 'react';
function App() {
const onHandleChange = () => {
console.log("onChange");
}
const onHandleKeyDown = () => {
console.log("onKeyDown");
}
return (
<div className="App">
<input
onChange={onHandleChange}
onKeyDown= {onHandleKeyDown}
/>
</div>
);
}
export default App;
解决方案
因为它们与相同的输入相关联。当输入改变时,两个函数都会被执行。我建议你描述一下你在这个工作框架中想要实现的目标,这样其他人可能会告诉你如何
推荐阅读
- azure-devops - 如果 Azure 中已存在资源组,则让 Terraform 在 Azure DevOps 构建管道中跳过“应用”
- python - 如何合并具有不同列名的两个df
- gitlab - 来自 jenkins 不同分支的 Git Checkout
- javascript - 如何使用节点包 exceljs 对受保护的工作表进行排序
- excel - 尝试向函数添加另一个条件
- node.js - Nodejs ffmpeg错误:输出流已关闭
- android-studio - org.jetbrains.kotlin.idea.caches.resolve.KotlinIdeaResolutionException Android Studio
- postgresql - 我可以在没有见证节点的情况下使用 EDB postgres 故障转移管理器 >
- backup - 我可以在 Synology 中删除 Hyper Backup 生成的 @img_bkp_cache 吗?
- java - VS 代码 Java CheckStyle 扩展没有响应