React:在特定元素的onBlur事件上，通过onClick事件捕获其他元素的状态更新
React是一种用于构建用户界面的JavaScript库。它使用组件化的开发方式，使开发人员可以将界面拆分成独立且可复用的组件，从而使代码更加模块化、可维护性更高。
在特定元素的onBlur事件上，通过onClick事件捕获其他元素的状态更新是一个常见的需求，可以通过以下步骤实现：
- 在React组件中，通过使用状态管理工具（如useState钩子）定义并初始化需要更新的状态值。
- 在特定元素上添加onBlur事件处理程序，当该元素失去焦点时触发。
- 在事件处理程序中，根据需要更新的状态值，使用状态管理工具提供的方法（如setState）更新状态。
- 同时，在需要捕获状态更新的元素上添加onClick事件处理程序。
- 在onClick事件处理程序中，访问更新后的状态值，以获取最新的状态信息。
React的特点包括：
- 虚拟DOM：通过在内存中创建虚拟DOM树，React可以高效地比较前后两个状态的差异，并只更新需要更新的部分，从而提高性能。
- 组件化开发：React鼓励将UI拆分成多个独立的组件，每个组件关注自己的状态和渲染逻辑，使代码更加模块化、可复用性更高。
- 单向数据流：React中数据的流动是单向的，父组件可以通过props将数据传递给子组件，子组件则通过回调函数将数据的变更通知给父组件。
- JSX语法：React使用类似HTML的JSX语法，使得编写组件模板更加直观和简洁。
在腾讯云生态系统中，有一些相关的产品和服务可以与React配合使用，例如：
- 腾讯云云服务器（CVM）：提供可靠、高性能的云服务器实例，用于部署React应用程序。
- 腾讯云对象存储（COS）：提供高可用、高性能的对象存储服务，可用于存储React应用程序的静态资源文件。
- 腾讯云云端API市场（API Marketplace）：提供丰富的第三方API服务，可以与React应用程序进行集成，扩展应用功能。
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：提供高可用、可扩展的关系型数据库服务，可用于存储React应用程序的数据。
更多关于腾讯云产品和服务的信息，请访问腾讯云官网：https://cloud.tencent.com/
相关·内容
我正在使用React +类型记录作为我的应用程序。对于样式设计，我正在使用。我真的是新的样式组件。我创造了一个下拉列表。逻辑运作得很好。但当我在外面下拉按钮，它仍然显示选项列表。当列表在下拉列表之外时，我想隐藏它。我试过每一种方法，但都没有成功。这就是当它离开focus时的样子
，这是我的下拉组件
import React, { useState } from "react";
import styled from "styled-components";
import Arrow from './Arrow.svg'
const W
浏览 3提问于2020-07-10得票数 2
回答已采纳
我有一个容器，它有两个子容器:一个输入字段和另一个div元素，它根据isActive的值有条件地呈现。我遇到的问题是，每当我单击子div时，就会触发onBlur。
我怎样才能防止这种情况发生呢？我已经尝试过e.stopPropagation()了，如下所示。另外，我尝试过将onBlur和onFocus迁移到容器div中，但这也不起作用。
import React from "react";
import "./styles.css";
export default function App() {
const [isActive, setIsAc
浏览 9提问于2022-03-18得票数 1
3回答
我遇到的问题是在第一次输入文本后，我单击Add，输入文本框就会被清除。但是，当我再次开始在中输入文本时，输入的文本将不允许我输入除第一个字母以外的任何文本。我不知道它为什么要这么做。
var FormTextBox = React.createClass({
handleOnBlur: function (e) {
this.props.onBlur(e.target.value);
},
render: function () {
return (
<input value={this.props.valu
浏览 2提问于2016-07-21得票数 6
回答已采纳
我使用formik构建一个带有两个单选按钮的表单：
const RadioButton = ({
field: { name, value, onChange, onBlur },
id,
label,
className,
onSelect,
...props
}) => {
return (
<div>
<input
name={name}
id={id}
type="radio"
value={id}
checked={i
浏览 14提问于2019-08-20得票数 1
回答已采纳
1回答
这个问题听起来可能有点傻，但我真的无法得到任何具体的解决办法。
我们正在修改现有的遗留应用程序，该应用程序具有大量的表单和与每个表单相关联的许多元素。在大多数情况下，'onblur‘事件与一个元素相关联，'onclick’事件与其他查找相关元素相关联。
遗留应用程序只支持在IE中使用模态对话框显示验证消息，该消息用于冻结代码流，直到用户执行操作为止。但是在经过改进的有铬支持的应用程序中，模态窗口是不适用的，代码流冻结是通过承诺来模拟的。
新方法现在的问题是，当用户在一个元素中输入一些无效数据并尝试单击另一个查找元素时，第一个元素上的'onblur‘事件和第二个元素上的&
浏览 0提问于2017-06-05得票数 0
回答已采纳
3回答
通过下面的代码，我希望仅当onblur事件不是由提交按钮上的"ONCLICK“引起时，才在元素id="eg1”的"ONBLUR“上”做一些事情“。
$(document).ready(function() {
$('#eg1').blur(function() {
if(!($("#SubmitBut").click())) {
//do something
}
});
});
例如:如果用户更改“eg1”文本字段的值并单击下一个文本字段，则DO某些
浏览 7提问于2013-03-04得票数 11
回答已采纳
我有一个父组件调用"RiskMatrix.js“，如下所示：
export default function RiskMatrix({disable}) {
const dispatch = useDispatch();
const [risk_matrix, setRiskMatrix] = React.useState(useSelector((state) => state.riskMatrix.risk_matrix));
if (disable == true) {
return (
浏览 3提问于2021-10-08得票数 0
回答已采纳
我正在实现一个复杂的自动完成功能，重点是当输入集中时，我应该显示结果框，当用户转到下一个输入或单击屏幕上的任何地方，或者按Escape，然后我应该关闭结果框。
要关闭结果框，我使用onBlur事件。
问题是，在结果框中，我有一个按钮将用户带到一个更完整的搜索对话框，但是当我单击它时，会触发onBlur事件并阻止单击该按钮。
这是我的代码：
import { useState } from "react";
export default function IndexPage() {
const [isOpen, setIsOpen] = useState(false);
浏览 3提问于2022-03-28得票数 0
1回答
我刚开始测试带有react和jest的代码；而jest对钩子有一种奇怪的行为。
这是我的部件。它有两个useState挂钩，链接到两个函数。
将用setCardNumber().HandleBlur触发HandleChange，用onBlur设置cardNumber，用onBlur设置cardType
只是一个简单的组件，按其应有的方式工作。
import React, {useState} from 'react';
export const Test = () => {
const [cardNumber, setCardNumber] = useState(&
浏览 2提问于2021-11-05得票数 1
2回答
我正在处理一个SignUp表单，我试图获取用户输入的数据，但出于某种原因，我只获得了空值，如下面的示例：
因此，对于我使用的两个组件，Signup和Input，下面的代码来自Signup.js：
import React, { useContext, useState, useRef } from "react";
import Modal from "../UI/Modal";
import classes from "./Login.module.css";
import Input from "../UI/Input/In
浏览 12提问于2022-06-21得票数 0
回答已采纳
我有一个可满足的div，它拥有自己的状态，允许我检查它自己的长度并显示警告。
这个可编辑的div是从一个类似表单的组件中调用的，该组件也保存了它的状态，并在触发onBlur时检索contenteditable div的innerText。
但是，如果用户在div被聚焦时单击任何按钮，它将只处理onBlur()事件，而不会处理在单击该按钮时应该发生的onClick。因此，从div焦点状态到点击(例如提交)需要两次点击，而我只希望有一次点击。
我希望和期望的行为是：
class Form extends React.Component {
state = {
name: this.p
浏览 1提问于2018-04-23得票数 0
我试图从编辑器中获取更新后的字符串，但没有从编辑器中获取最后一个字符。我尝试了blur，onchange也没有得到。
import React from 'react';import 'jodit';import JoditEditor from "jodit-react";import "../src/JoditEditors.css"class JoditEditors extends React.Component {constructor(props) {
super(props);
this.state = {
浏览 3提问于2020-09-30得票数 1
2回答
我创建一个下拉菜单，使用onFocus和onBlur。我之所以不使用onClick是有原因的，因为如果我有倍数下拉列表，onFocus和onBlur不需要手动关闭菜单。
class Dropdown extends React.Component {
constructor(props) {
super(props);
this.state = {
open: false
}
}
render() {
return(
<div
tabIndex="1&
浏览 3提问于2017-09-27得票数 0
1回答
const SimpleChoiceItem = (props: Props) => {
const { content, isSelected, onChange, onMove, onDelete, is_default } = props;
const [isEdit, setIsEdit] = React.useState<boolean>(false);
React.useEffect(() => {
if (!isSelected) {
setIsEdit(false)
}
}, [isSelected])
浏览 0提问于2021-03-02得票数 1
2回答
我正在尝试用下拉列表构建一个提供建议的输入。我有一个使用onBlur的输入元素，从技术上讲，当单击外部时，它将删除ul元素。当我单击ul元素时，它也会删除ul元素，该元素在输入上触发onBlur事件。是否有一种实现onBlur的方法可以防止ul元素触发onBlur事件？
import React, { useState, useEffect, useRef } from "react";
import "./styles.css";
const Autocomplete = (props) => {
const [userInput, setUse
浏览 4提问于2021-06-15得票数 2
回答已采纳
我编写了以下简单的react组件
在onBlur事件处理程序中，我通过setTimeout创建了一个新的宏任务
function App() {
const onBlur=()=>{
console.log('onBlur')
setTimeout(() => {
console.log('setTimeout')
}, 0);
}
const onClick=()=>{
console.log('onClick')
}
return (
<d
浏览 9提问于2022-02-11得票数 0
回答已采纳
//假设我正在handleChange函数中更改state。
在onChange事件的情况下，状态将更新每个字符的变化。
<input
type="text"
name="name"
onChange={this.handleChange}
id="name"
/>
在onBlur的情况下，事件状态将在离开输入字段后单次更新。
<input
type="text"
name="name"
onBlur={this.handleChange
浏览 0提问于2018-09-28得票数 8
type Props = {
onClick: (event: React.MouseEvent<HTMLInputElement>) => void
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void
onkeypress: (event: React.KeyboardEvent<HTMLInputElement>) => void
onBlur: (event: React.FocusEvent<HTMLInputElement>) =
浏览 2提问于2022-03-12得票数 0
我在这个中找到了下面的代码。()我不知道为什么这些按钮的行为会有所不同。
一个可能的解释是:因为没有调用button的render方法来进行更新，所以第一个按钮的单击处理程序保持不变。但是，Button实例的this.props已经更改为包含新的onClick支柱。换句话说，如果更改了一个shouldComponentUpdate组件元素的道具，那么即使返回false，nextProps也将最终成为this.props。
const submit = val => alert(val);
class App extends React.Component {
state = { va
浏览 2提问于2019-01-05得票数 0
回答已采纳
1回答
App保存一个input元素，该元素在enter、模糊和下一次单击按钮时更新。当我在开发工具中检查元素时，value属性在模糊和单击next按钮时都会更新，但不会在enter键上更新。 import * as React from "react";
import { render } from "react-dom";
interface IAppProps {
InputVal: number;
onEnter: (num: number) => void;
}
const Parent: React.FC = () => {
c
浏览 13提问于2019-06-03得票数 0
我有一个下拉列表与某些年份，并显示本年度的默认情况。当用户单击外部时，我希望设置一个onBlur事件来关闭下拉列表。onBlur运行良好，但我的问题是无法设置当前选定的年份。这里的问题是，当我从下拉列表中选择一个值(这个值是这个div的子元素)时，它会触发onBlur事件，因此下拉列表关闭，而我无法设置值。现在，如何正确地设置onBlur，使从列表中选择元素不会触发onBlur，或者还有其他方法来实现这一点。
这是子组件
import React from 'react';
const SelectProjection = (props) => {
let year
浏览 3提问于2019-11-27得票数 0
我试图在React中添加一个事件侦听器到图标中，但它不起作用。我的代码：
const handleKey = (event) => {
console.log(event);
}
<MdOutlinePause onKeyDown={handleKey} />
我还有一个onClick处理程序，它的功能也很好，所以我真的不明白为什么onKeyDown不启动。感谢任何人能提供的任何帮助！
浏览 9提问于2022-04-11得票数 3
回答已采纳
1回答
我正在使用React创建一个页面，其中我嵌入了多个视频。我希望在视频离开视区时暂停视频回放。作为第一反应，我尝试了视频标记中的onBlur事件，但我的处理程序就是没有被调用。我查找了各种链接，发现人们已经使用window的pageYOffset属性处理了相同的链接。我可以使用pageYOffset来做这件事，但是我不能理解为什么当视频移出视区时没有调用onBlur事件处理程序。
<video ref="vidRef" onBlur = {console.log("Blur called")} onPlay={() => this.hidePlayBu
浏览 5提问于2018-06-12得票数 0
在下面的代码中，是否有一种方法可以将blurredByClickOnLink设置为正确的值(而不使用鼠标或其他指针事件在单击发生之前设置某些内容)？如果用户通过单击链接模糊文本框，则应为true；如果用户通过选项卡或单击其他地方来模糊文本框，则应为false。谢谢你看一看！
<html>
<body>
<input id="myInput" type="text" onblur="var blurredByClickOnLink='???'; console.log('input onblur. bl
浏览 2提问于2014-12-04得票数 1
回答已采纳
2回答
在单击Item中的一个按钮后，我尝试预先填充表单--我有能够更新项目的操作，问题是能够用正确的项预先填充表单，以便能够分派该操作。
-----------------
| + List | << Name of the list
-----------------
| SKU: 12345 | << Item
| ITEM: Bananas |
| PRICE: $1.00 |
| |
| <edit> | << Button triggering the modal and for
浏览 6提问于2016-04-16得票数 0
回答已采纳
1回答
如何更改焦点/模糊事件的单击状态
、、、、
我试图在搜索栏的焦点/模糊状态之间切换。现在，标记有一个单击处理程序，如果单击元素，该处理程序将显示输入字段。当用户单击元素外部时，我试图逆转这种效果，并隐藏输入字段的可见性。
我的代码是：
var Search = React.createClass({
getInitialState:function(){
return{ inputVisible:false }
},
showInput:function(){
this.setState({ inputVisible:true });
},
componentDidUpdate:function()
浏览 4提问于2015-09-06得票数 2
回答已采纳
我有一个输入字段，显示一个自定义下拉菜单。我希望具备以下功能：
当用户单击输入字段之外的任何位置时，应删除菜单。
更具体地说，如果用户单击菜单内的div，则应该删除菜单，并根据单击div的内容进行特殊处理。
以下是我的实现：
输入字段有一个onblur()事件，每当用户单击输入字段外时，该事件将删除菜单(通过将其父字段的innerHTML设置为空字符串)。菜单中的div也有执行特殊处理的onclick()事件。
问题是当单击菜单时，onclick()事件永远不会触发，因为输入字段的onblur()首先触发并删除菜单，包括onclick()！
我解决了这个问题，将菜单栏的oncl
浏览 0提问于2013-07-21得票数 159
回答已采纳
我有一个弹出式div，当用户在div之外单击时，我想隐藏它。在div里面，我有一个复选框...
问题是，当尝试单击复选框时，div的onblur事件被触发。我将cancelEventBubble代码放在checkbox的onclick上，但onblur在checkbox onclick事件之前触发……
有什么想法或建议吗？这看起来很简单，但并不是那么简单……
问候你，艾伯特
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/
浏览 0提问于2009-10-02得票数 1
回答已采纳
我有一个模态，它倾听模态的外部点击，触发关闭模态的关闭方法。现在，我在模态中添加了react，在选择了其中一个选项之后，它使我的模式继续接近状态。我从一篇媒体文章中捕捉到了外部点击。
function useOuterClickNotifier(onOuterClick, innerRef) {
useEffect(() => {
if (innerRef.current) {
document.addEventListener("click", handleClick);
}
return () => document.re
浏览 0提问于2019-11-20得票数 3
回答已采纳
大家好，我有一个问题的反应-选择onBlur功能，我做了很多研究，并调查了相关的git问题，但仍然找不到答案。OnBlur函数不获取选定的值，onBlur中的值显示为未定义。如果有答案，请给我建议。谢谢你的帮助
供参考的代码框链接：
import React, { useState } from "react";
import Select from "react-select";
import "./styles.css";
export default function App() {
const [value, setVal
浏览 4提问于2021-09-10得票数 5
回答已采纳
我有一个来自react的输入元素-引导，它将允许用户更改字段值，并将出现2个按钮，一个按钮接受更改，另一个按钮将取消保留原始值的更改。
我通过将侦听器委托给包装组件来控制焦点和模糊事件，我的想法是，由于焦点仍然在包装组件中，所以我不会失去焦点，但是按内部按钮似乎会模糊焦点，因此接受按钮和取消按钮不会触发任何事件.
下面是我的代码示例：
import { useState, useEffect, useRef } from "react";
import { InputGroup, Button, FormControl } from "react-bootst
浏览 1提问于2021-10-05得票数 1
回答已采纳
我们遇到了一个问题，不知道我们做错了什么。我们重新创建了
The Issue
我们有3个组件，一个父表单组件，它有两个子组件、一个输入和一个按钮。Button同时注册了onMouseDown和onClick处理程序。输入有一个注册的onBlur处理程序。如果您集中输入，然后单击按钮，按钮的onMouseDown将触发，然后是输入的onBlur。onBlur触发父表单组件的重新呈现，以更新它的CSS类。根据error中的CSS规则，error的这个新类将导致输入和按钮的同级div变为可见的。看来，这个CSS规则的改变是导致Button的onClick处理程序永不触发的原因。如果您再次尝试单击按钮
浏览 5提问于2016-03-03得票数 3
回答已采纳
要点如下：
当我在输入中输入任何数字以便在数字后面加%符号时，当我删除所有数字时，%符号删除和宽度重置(根据输入值)。如果数字已经来自api，那么当我在%签名之前单击焦点时，。 number <=100，所以我的功能运行良好，但问题是我使用了多个事件(onClick、KeyPress、keyUp、onBlur等)，所以我如何管理这个功能<code>G 29</code>
<div className={`form-control valbox1 dvPercValue`} disabled = {isDisabled ? true : false } onC
浏览 2提问于2019-10-22得票数 0
3回答
是否有包含有效元素信息的所有JavaScript事件(onClick()、onMouseDown()等)的列表？
(例如，在IE以外的大多数浏览器中，onBlur事件在非窗体事件上无效。)
我知道一个好的交易是“常识”(how deal focus() on a段落)，但我发现在开发中仅依靠常识很难走得远。:)
浏览 0提问于2011-07-20得票数 1
在Internet Explorer中，当您开始在文本框中键入内容时，会显示一个类似x的小按钮。单击此图标时如何检测事件？是否有事件类型？
<input type="text" value ="" id ="qsearch" name="qsearch"
onBlur="qsearchLookup(this.value);" OnClick="qsearchLookup(this.value);"
onkeyup="qsearchLookup(this.value)&#
浏览 1提问于2013-04-06得票数 16
回答已采纳
我试图在单击时高亮显示一个元素，并在页面上的任何位置释放单击事件时取消高亮显示相同的元素： fidde：https://jsfiddle.net/3jvpg9t1/2/ 代码： class Hello extends React.Component {
constructor(props) {
super(props);
this.state = {
activeState: false
};
}
onmouseup() {
this.setState({active: false});
}
onClick() {
thi
浏览 5提问于2019-05-09得票数 0
回答已采纳
2回答
是否没有事件捕获？我想要强制事件处理顺序，在autocomplete组件中，onblur事件在onclick列表中的项目之前触发，导致列表切换两次，因此在闪烁后仍然可见。
浏览 30提问于2019-10-21得票数 1
回答已采纳
我有一个名为: QuestionList的类，它创建问题子类以及(嵌套的)选项：
QuestionList呈现：
<Question wording="wording...">
<Alternative letter="a" text="bla ..." />
<Alternative letter="b" text="ble ..." />
<Alternative letter="c" text="bli ..." />
浏览 1提问于2019-05-20得票数 0
回答已采纳
我已经创建了一个React，比如MyView，它有两个文本输入，其初始值将通过从DB读取的父值传递。
我还希望将更改后的值保存回DB。因此，视图也被传递给相同的回调函数。
认为DB保存操作很重，不应该经常使用。因此，我决定听取onBlur事件，而不是输入框中的onChange事件，因为onChange是在每一次键击时调用的。
第一方法：
class MyView extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
浏览 0提问于2018-11-26得票数 4
回答已采纳
这几天我在处理一些问题。这个问题与事件冒泡和反应有关。
我已经实现了一个下拉式与一些反应组件。这是由一个包含ul和一些li元素的div组成的。我需要使下拉菜单可以通过键盘访问，所以我启动onblur，onfocus，onkeydown和onclick元素来显示和隐藏下拉列表，并将其与键盘一起使用。
我用显示/隐藏的东西触发道具传递给真实的函数，当div被聚焦或点击时，我会显示下拉，当出现模糊时，我会隐藏它，更改组件的状态。问题是，我有一些带有onclick函数的li元素来选择所需的选项。但是，当我单击一个选项时，父元素的onblur事件会改变状态，而li元素的onclick事件不会触发，因此我
浏览 1提问于2018-10-28得票数 2
6回答
我正试图从输入字段中获得当前值，但单击onclick后，我将获得大比目鱼的预值。这是我的密码
import { React, useState } from "react";
const CompoundIntrest = () => {
const [capitalValue, setcapitalValue] = useState(1000);
const ChangeCapital = () => {
setcapitalValue(capitalValue - 100);
};
const Calculate = () =&
浏览 9提问于2022-05-28得票数 2
当我们在TextField中写完一个注释时，TextField就有焦点了，当我们单击Done时什么也不会发生。第一次单击移除TextField中的焦点。第二次按下按钮结束该过程。
<TextField
id={'generalComment'}
value={comment}
label="Общий комментарий"
multiline
minRows={7}
onChange={onCommentChange}
onBlur={onCommentS
浏览 5提问于2022-03-11得票数 0
我正在制作一个带有验证的react表单。我必须在验证后显示错误。所以我使用了useState()钩子，如下所示。但是我似乎不能更新新的状态，因为它总是返回初始值。我哪里错了？
import React, { useState } from 'react';
import './index.css';
const Firstname = ({ handleInputChange, firstName }) => {
const [error, setError] = useState('hi');
const handl
浏览 2提问于2020-08-13得票数 0
当我在表单上点击enter时，它不会触发onSubmit事件。没有错误。另一个事件onBlur执行调度。logForm函数最终将对所有表单字段的console.log字符串执行console.log操作，但我还没有做到这一点。我只是尝试触发表单上的onSubmit事件。任何帮助或解释都将不胜感激。代码如下：
import React from 'react'
export default function SignupForm() {
return (
<form onSubmit={logForm}>
<div className=
浏览 25提问于2017-07-28得票数 3
回答已采纳
当input使用状态获得焦点时，我会尝试关注父级。然而，当一个输入被聚焦时，所有其他输入也会被聚焦。我不知道该怎么做才能做到这一点，您的帮助将不胜感激。
class LoginForm extends React.Component {
constructor(props) {
super(props);
this.state = {
isFocused: false,
};
}
onFocus = () => {
this.setState({
isFocused: true,
});
};
onB
浏览 38提问于2018-05-28得票数 1
回答已采纳
我总是收到错误'querySelector' does not exist on type 'EventTarget'。 const onClick = (event: React.MouseEvent<HTMLElement>) => {
const elem = event.target.querySelector('.elem')
const elem1 = event.target.querySelector('.elem1')
elem.classList.toggle(&#
浏览 10提问于2020-07-21得票数 0
我是新的反应，并试图重构一些es6 js代码，以作出反应，我有一个组件，我需要创建，一旦我点击一个图标，类似于插入相邻的html是香草js，我知道如何实现这一点。
import React, {useState} from 'react'
import Item from './Item';
import { icon, library } from '@fortawesome/fontawesome-svg-core';
import { FontAwesomeIcon } from '@fortawesome/react-fon
浏览 2提问于2021-08-18得票数 0
回答已采纳
我知道这是正确的方法-
使用属性(如onClick、onBlur等)在react组件上附加处理程序。
如果附加自定义事件，那么将它们附加到componentDidMount中，这样每次呈现都会附加它们。
但是，当使用jquery将事件附加到DOM元素时会发生什么？为什么我不能听这些事？我正在把它们附加到componentDidMount的外面。但是，事件处理程序至少应该在第一次遇到麻烦吗？
我正在调试一些将处理程序直接附加到它的react代码，但是它根本没有影响到处理程序。那是为什么？
浏览 3提问于2015-05-30得票数 0
回答已采纳
2回答
我们有一个组合使用OnBlur和OnMouseDown事件的Web系统。不幸的是，由于某种奇怪的原因，在调用OnBlur事件处理程序之前触发了OnMouseDown事件处理程序。
这不是我们想要的。相反，我们希望始终在调用onMouseDown事件处理程序之前调用OnBlur事件处理程序。有没有办法做到这一点，也许给onBlur更高的优先级？
以前，我们没有使用onMouseDown事件处理程序，而是使用onclick事件。然而，这带来了许多问题，特别是由于JavaScript的单线程特性。
浏览 2提问于2009-09-07得票数 0
2回答
下面是我的国家/地区选择器下拉菜单，只要用户将焦点放在输入字段上，它就会弹出。我已经做了一个验证onBlur，因为数据不能在输入字段中保留为空。问题在于从列表中选择值时，onBlur会立即触发，然后值会被填充到下拉列表中，这会导致onBlur验证消息出现在屏幕上。
一旦用户从列表中选择了值，请让我知道如何通过删除onBlur验证来管理这种情况。
React代码-
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
blurText: "
浏览 0提问于2019-08-30得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
