javascript - 在 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
等于删除了整个字符串。如何跟踪删除输入中的整个文本?
解决方案
推荐阅读
- docker - Docker 独立容器按预期运行,但不是使用 docker stack 创建的容器
- flutter - Flutter中wechat_assets_picker一次插入多张图片的问题
- wordpress - Woocommerce - 当产品的销售计划开始和结束时,从特定类别中自动添加和删除产品
- browser - 浏览器在右键单击时保持打开
- c++ - 使用 poll()/epoll()/select() 的现代 C++ 惯用方式
- javascript - 如何使用 JS 和 HTML 打印玩家姓名的输出
- firebase-authentication - 如何允许经过身份验证的 Identity Platform 用户从 Web 上传到 Cloud Storage
- javascript - 当我使用 onPress 时,我想同时设置这两种状态
- python - 熊猫从长到宽,具有所需的输出
- oracle - Oracle 附加到 clob