首页 > 解决方案 > 在 React 中检测用户是否选择了输入中的所有文本并将其删除

问题描述

使用onKeyUp或onKeyDown,是否可以检测用户是否选择了其中的所有文本并输入并删除了它?

这是我拥有的代码的粗略概述(简化):

handleChange = (event) => {
   const value = event.target.value;
   const keyCode = event.keyCode;
   this.setState({ searchValue: value })
   // This triggers a dispatch of a redux action
   this.props.handleChange(this.props.tagsId, this.state.searchValue, keyCode);
}

<input
   placeholder="Search"
   type="text"
   onKeyUp={ this.handleChange }
/>

当我检查我的 redux 实现中的传入值时,我从来没有看到this.state.searchValue一个空字符串,基本上该handleChange方法至少传递一个字符。当您选择并删除输入中的所有文本时,this.state.searchValue等于删除了整个字符串。如何跟踪删除输入中的整个文本?

标签: javascriptreactjs

解决方案


推荐阅读