javascript – 在没有jQuery的情况下,一旦达到maxlength值就关注下一个输入,并且只接受数值

前端之家收集整理的这篇文章主要介绍了javascript – 在没有jQuery的情况下,一旦达到maxlength值就关注下一个输入,并且只接受数值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有两个关于反应输入的问题.
有没有什么方法可以让输入自动聚焦到下一个字段一旦达到maxLength而不使用jquery.

第二个问题是当type =“text”时,如何使输入仅接受数值?

最佳答案
为此使用onChange事件处理程序.当用户键入MAX_LENGTH(4个字符)时,焦点将设置为下一个元素. React.findDOMNode获取与React组件对应的下一个DOM节点. DOM节点上的焦点方法设置焦点.

handleTextChange(e) {
  if (e.target.value.length <= MAX_LENGTH) {
    this.setState({ value: e.target.value });
  }
  if (e.target.value.length === MAX_LENGTH) {
    React.findDOMNode(this.nextComponent).focus();
  }
}

组件JSX是:

nextComponent在ref中设置. React.findDOMNode使用this.nextComponent来获取与下一个组件对应的DOM节点.

原文链接:https://www.f2er.com/jquery/429086.html

猜你在找的jQuery相关文章