fix(input): focus,blur double trigger

TDesignOteam · Jul 15, 2024 · b9f0b98 · b9f0b98
1 parent d100973
commit b9f0b98
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/input/_example/base.tsx b/src/input/_example/base.tsx
@@ -15,7 +15,13 @@ export default class InputBase extends Component {
  placeholder="请输入内容（无默认值）"
  onChange={(value) => {
  this.value1 = value;
- console.log(value);
+ console.log('change', value);
+ }}
+ onFocus={() => {
+ console.log('focus');
+ }}
+ onBlur={() => {
+ console.log('blur');
  }}
  />
  <t-input

diff --git a/src/input/input.tsx b/src/input/input.tsx
@@ -101,6 +101,7 @@ export default class Input extends Component<InputProps> {
  eventProps;
 
  private handleChange = (e) => {
+ e.stopImmediatePropagation();
  const { maxlength, maxcharacter, allowInputOverMax, status, onValidate, onChange } = this.props;
 
  const { getValueByLimitNumber } = useLengthLimit({
@@ -137,6 +138,7 @@ export default class Input extends Component<InputProps> {
  };
 
  private handleFocus = (e: FocusEvent) => {
+ e.stopImmediatePropagation();
  const { readonly, onFocus } = this.props;
  if (readonly) return;
  const { currentTarget }: { currentTarget: any } = e;
@@ -146,6 +148,7 @@ export default class Input extends Component<InputProps> {
  };
 
  private handleBlur = (e: FocusEvent) => {
+ e.stopImmediatePropagation();
  const { readonly, onBlur } = this.props;
  if (readonly) return;
  const { currentTarget }: { currentTarget: any } = e;