选择日期时不会触发React onBlur
是因为React中的事件处理机制。在React中，当用户选择日期时，通常会使用一个日期选择器组件，该组件会渲染一个输入框和一个日历选择器。当用户点击输入框并选择日期时，日期选择器会更新输入框的值。
在React中，常用的事件处理函数是onChange和onBlur。onChange事件在输入框的值发生变化时触发，而onBlur事件在输入框失去焦点时触发。
对于选择日期的情况，日期选择器组件通常会在用户选择日期后立即更新输入框的值，而不是等到输入框失去焦点时才更新。这样做的好处是可以实时显示用户选择的日期，而不需要等到用户离开输入框才更新。
因此，选择日期时不会触发React onBlur事件，而是通过其他方式实时更新输入框的值。
在腾讯云的产品中，可以使用腾讯云的云开发服务来构建React应用。云开发提供了一整套后端服务，包括数据库、存储、云函数等，可以帮助开发者快速搭建和部署React应用。具体可以参考腾讯云云开发的官方文档：https://cloud.tencent.com/product/tcb
相关·内容
0回答
我在React中使用jQuery datetimepicker插件来创建日期时间选择器，比如我已经实现了它。如果我从jquery UI中选择date，则不会触发onBlur()事件。 ref='date
浏览 0提问于2016-12-19得票数 2
回答已采纳
我正在使用react-hook-form库，并且有一个用于日期选择器的控制器。
根据的说法，这些规则应该与寄存器中的验证集完全相同。它适用于{ required: true }，但是当需要考虑字段中的值时，我似乎不能触发该错误。出于我的目的，我有一个名为formatDate的函数将日期从react-datepicker转换为YYYY-MM-DD (即，formatDate从日期选择器获取值并返回字符串"YYYY-MM-DD&
浏览 1提问于2020-07-13得票数 3
我正在尝试使用react-bootstrap-typeahead验证选择，并在移动到页面的另一个区域时清除无效的输入文本。 onInputChange={this.onInputChangeHandler.bind(this)}
浏览 0提问于2017-09-01得票数 4
问题:我使用的是，当用户移除焦点/ onBlur且日期字段为空时，无法知道如何触发/启动错误。
我尝试将文本的颜色和下划线更改为错误颜色(红色)，但是屏幕阅读器/ a11y不会注册错误。这意味着它必须触发日期选择器的“内部”错误系统。
浏览 2提问于2020-03-04得票数 2
回答已采纳
我目前正在使用PrimeNG的日历组件，并且在用户输入日期时，我依赖于日历的onClose来更新我的底层数据。但是，我注意到当焦点通过按tab按钮离开日历时，onClose事件不会触发。该函数只记录一条消息： console.log('close event fired');当用户通过单击日历退出日历时，该消息将正确地记录到屏幕上，但在移除时不会触发但是，当选项卡退出时，验证似乎会
浏览 0提问于2019-01-17得票数 1
回答已采纳
有什么方法可以指示react-select在菜单关闭或选择模糊不清的菜单上选择一个选项，但前提是它是创建的(不是从默认列表中创建的)？上下文：
<
浏览 3提问于2020-09-14得票数 3
回答已采纳
1回答
我想使用react-datepicker，选择一个时间范围，并在没有input的onBlur中使用react-hook-form来验证，下面是我的代码： control=<Datepicker onChange={onChange}
浏览 6提问于2022-03-17得票数 0
1回答
选择日期时将触发onBlur
、、、、
我使用的是带有标志open的受控数据报警器，该标志可用于打开或关闭日期选择器。onBlur在外部单击时会被触发，从而导致它关闭。但当我试图选择的范围，它不是让我，而是它关闭。import React, { useState } from "react"; separator={<>-&l
浏览 1提问于2022-11-02得票数 1
我是使用异步组件的反应-选择内嵌编辑在ag-网格.(onChange)中有一个可用的事件，当我们进行更改时，它捕获值和操作。但是，当我按enter按钮从下拉列表中选择一个项时，不会调用onChange方法。我之所以注意到这一点，是因为在我按下下拉菜单上的enter按钮之后调用了onBlur方法。下面是异步组件的示例-className = "async-multi-select"
classNamePrefix="react-selec
浏览 6提问于2022-04-27得票数 0
问题是当用户开始手动更改日期时。如果用户继续手动进行更改，则每次执行onChange时都会导致性能问题。
浏览 0提问于2019-01-18得票数 2
回答已采纳
1回答
防止OnBlur触发的密码管理器
、、、、
我注意到我的站点上有一个问题，当我退出任何输入字段时，OnBlur事件不会触发。如果我单击“退出”字段，则该事件仍然会触发，只有当我选择退出时，它才不会触发。当我从自动填充凭据中禁用密码管理器时，我的OnBlur就会像预期的那样触发。关于如何绕过这件事有什么想法吗？我不喜欢这样做，因为
浏览 9提问于2022-11-12得票数 0
我是react-redux的新手，我有两个问题。onChange={value => portfolioSelector(value)} /> prodType: { label: 'All', value: 'All' }当我执行我的项目<
浏览 1提问于2017-03-28得票数 2
在react中，当用户选择该选项或模糊(在控件外部单击)时，将触发onBlur事件或onMenuClose事件。
因此，如果用户没有选择一个选项，我想在模糊事件上执行业务逻辑。换句话说，我想知道模糊事件是如何触发的。
浏览 18提问于2019-11-16得票数 0
2回答
我有一个使用表单输入数据的React本机应用程序。其中一个字段是DateTime值，但它是可选的。换句话说，如果用户想要的话，可以选择一个日期，但如果字段不相关，则可以将其保留为空/空。但是，当我将null赋值给DateTimePicker的date支柱时，我会得到一个异常，即null不是一个对象。如果用户愿意，如何允许用户选择日期，但如果用户不希望在该字段中指定日期，则将其保留为"null“。mode}
onConfirm={handl
浏览 14提问于2022-02-22得票数 2
回答已采纳
我正在用React-Hook-Form创建一个表单。我将useForm({mode: 'onBlur'})设置为立即触发验证，并在用户onBlur元素后立即显示错误消息。以下是我的代码：import React from 'react'; { opti
浏览 22提问于2020-05-07得票数 1
回答已采纳
我尝试应用react-select来创建类似于的异步选择，并希望为输入添加默认值。如下图所示，由于onBlur默认触发handleInputChange事件的值为空，因此在onBlur时，默认值将会被清除。所以想知道如何防止onBlur重置，谢谢。import Async from 'react-select/lib/Async';
export class AsyncSelect extends Rea
浏览 2提问于2018-05-09得票数 7
通过鼠标选择和取消选择输入可以很好地工作，但我还有一个按钮可以切换焦点的打开/关闭，该按钮不能正常工作。当你按下按钮时，由于某种原因，焦点永远不会关闭。 <div> ref={inputRef} onBlur
浏览 0提问于2021-07-02得票数 1
1回答
当用户输入无效日期时，我正在尝试重置react-datepicker中的日期值/文本。date => { date: date.valueOf() }}
onBlur组件时似乎遇到了问题，但这个组件在我自己的代码中呈现得很好。问题似乎是forceUpdate没有触发组件的重置。我想知道重置是否只发生在日历选择</
浏览 0提问于2018-08-09得票数 1
1回答
我的react应用程序呈现了一个文本输入，它具有同时处理onKeyDown (使用条件来检查键是'Enter‘还是'Backspace')和onBlur的功能。'Enter‘和'Backspace’都会将焦点放在不同的输入上，从而触发onBlur，这会产生我不希望的fetch调用。如何避免按Enter和Backspace触发onBlur？我在其他框架中看到了一些解决方案，但这个问题是针对react的。onChange={
浏览 2提问于2018-03-13得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
