Question

我尝试使用 oninput event 两次但是它给了我一个错误，你可以看到以下内容。

<input id="Input1" type="text" oninput="myFunction()" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"/>

那么如何在一个事件中使用多个函数？

Answer 1

将逻辑放在函数本身

中

myFunction(){
  //whatever existing logic
  this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
}

或为逻辑创建另一个函数并使用 ;

<input id="Input1" type="text" oninput="myFunction();mysecondFunction()"/>

Answer 2

您可以在第一个oninput事件属性调用myFunction()后的第二个input事件属性中包含代码

<script>
function myFunction() {console.log("myFunction")}
</script>
<input id="Input1" type="text" oninput="myFunction(); this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1')"/>

如何在一个事件中使用多个功能？

2 个答案: