在按Enter键后调用onChange事件

JavaScript

A梅

2020-03-11

我是Bootstrap的新手,并且一直遇到这个问题。我有一个输入字段,只要输入一位数字,onChange就会调用from函数,但是我希望在输入完整个数字后按“ Enter”键才能调用它。验证功能存在相同的问题-调用时间过早。

var inputProcent = React.CreateElement(bootstrap.Input, {type: "text",
  //bsStyle: this.validationInputFactor(),
  placeholder: this.initialFactor,
  className: "input-block-level",
  onChange: this.handleInput,
  block: true,
  addonBefore: '%',
  ref:'input',
  hasFeedback: true
});

第559篇《在按Enter键后调用onChange事件》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
猴子西门 2020.03.11

当焦点集中在窗体控件(输入)上通常会触发窗体本身(而不是输入)上的(onSubmit)事件时,Enter键submit以便可以将您this.handleInput的窗体绑定到onSubmit上。

或者,您可以将其绑定到blur(onBlur)事件,该事件在input焦点移开时发生(例如,跳至下一个可以获得焦点的元素)

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android