onBlur判定input里面的值是否为0-100，不是则自动限制为100

在React中，你可以利用`onBlur`事件处理函数判断`<input>`元素的值是否在0-100范围内。如果不在这个范围内，你可以直接将值设置为100。以下是具体的步骤：

首先，创建一个状态变量来存储输入值：

import React, { useState } from "react";

function CustomInput() {
  const [inputValue, setInputValue] = useState("");
}

然后，添加`onBlur`事件处理函数：

function onBlurEvent(e) {
  const value = e.target.value;
  if (!isNaN(value) && Number(value) >= 0 && Number(value) <= 100) {
    // 输入值有效，不做处理
  } else {
    setInputValue(100); // 如果输入无效，设回最大值100
  }
}

<input type="text" onBlur={onBlurEvent} value={inputValue} />

当用户停止编辑（失去焦点），`onBlur`事件触发，检查输入值并根据条件调整。

相关问题

el-input onblur

在el-input中，onblur是一个事件，表示当输入框失去焦点时触发的事件。
在这个问题中，引用提到了el-input中输入和失去焦点时进行校验的情况，但没有具体提及onblur事件的应用。引用提到了关于el-input的相关代码，但没有具体说明onblur的使用。因此，无法根据提供的引用内容给出关于onblur的详细回答。请提供更多相关的引用内容以便更准确地回答您的问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

cell5.innerHTML = '<input type="text" id="red-input" placeholder="YYYY-MM-DD" onblur="checkDateFormat(this)">';默认为不可编辑

如果您希望该输入框默认为不可编辑状态，可以添加 `readonly` 属性。修改后的代码如下：

cell5.innerHTML = '<input type="text" id="red-input" placeholder="YYYY-MM-DD" readonly onblur="checkDateFormat(this)">'; 

这样，用户将无法直接更改输入框中的文本，只能通过 JavaScript 代码来修改其值。