首页 > 解决方案 > 为什么 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;

标签: javascriptreactjs

解决方案


因为它们与相同的输入相关联。当输入改变时,两个函数都会被执行。我建议你描述一下你在这个工作框架中想要实现的目标,这样其他人可能会告诉你如何


推荐阅读