oninput使用方法

oninput是一个事件处理属性，用于在用户输入时触发JavaScript代码。它可以用于任何具有可编辑内容的HTML元素，例如输入框、文本区域等。

使用方法：

1. 在HTML元素中添加oninput属性，值为要执行的JavaScript代码。例如：

<input type="text" oninput="myFunction()">

2. 在JavaScript代码中定义要执行的函数。例如：

function myFunction() {
//执行代码
}

3. 在函数中可以通过this关键字获取当前输入框的值，例如：

function myFunction() {
var value = this.value;
//执行代码
}

4. 如果需要传递参数，可以在调用函数时传递参数。例如：

<input type="text" oninput="myFunction('hello', 123)">

function myFunction(param1, param2) {
//执行代码
}

注意事项：

1. oninput事件在用户输入时会频繁触发，因此要注意代码的性能。

2. oninput事件在IE9及以下版本不支持，需要使用onpropertychange事件代替。

相关问题

el-input使用oninput方法只能输入数字

以下是使用oninput方法限制el-input只能输入数字的示例：

<el-input type="text" oninput="this.value=this.value.replace(/\D/g,'')"></el-input>

这个示例中，我们使用了正则表达式`/\D/g`来匹配非数字字符，并通过`replace`方法将非数字字符替换为空字符串，从而实现只能输入数字的效果。

el-input使用oninput方法输入最小值为1

el-input使用oninput方法输入最小值为1的方法如下：

<el-input type="number" v-model="inputValue" @input="onInput"></el-input>

export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    onInput(event) {
      const value = +event.target.value;
      if (isNaN(value) || value < 1) {
        event.preventDefault();
        this.inputValue = '1';
      }
    }
  }
};

这段代码中，我们使用了`el-input`组件，并设置了`type="number"`来限定输入为数字类型。然后，我们使用`v-model`指令将输入的值绑定到`inputValue`变量上。在`@input`事件中，我们使用`onInput`方法来处理输入事件。首先，我们将输入的值转换为数字类型，并判断是否为NaN或小于1。如果是，则阻止默认事件，并将`inputValue`设置为1。