使用 Jquery 在输入类型号上触发 onChange 事件 [重复]答案

【问题标题】：Fire onChange event on input type number with Jquery [duplicate]使用 Jquery 在输入类型号上触发 onChange 事件 [重复]
【发布时间】：2019-08-05 09:44:38
【问题描述】：

我输入了类型号：

<input type="number" id="input-number" onChange="DoSomething();"/>

如何使用 jQuery 触发 onChange 事件？

[编辑]

使用以下代码完成：

$("#input_0").trigger("change");

【问题讨论】：

“火”是什么意思？您是否希望jQuery触发事件，即制作一个没有用户事件的事件；还是您想对用户事件做出反应？

标签： jquery html

【解决方案1】：

请查看附件示例。

您需要设置 jquery 函数($(selector).change())，该函数在文本框失去焦点时触发。

$("#input-number").on('change',function(){
  alert($(this).val());
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="number" id="input-number"/>

【讨论】：

OP 询问如何触发更改事件，而不是监听更改事件

【解决方案2】：

与trigger

当相应的事件发生时，任何带有.on() 或其快捷方法的事件处理程序都会被触发。但是，可以使用 .trigger() 方法手动触发它们。对.trigger() 的调用以与用户自然触发事件相同的顺序执行处理程序：

console.clear()
DoSomething = (e) => {
  console.log(e.target)
}

$('#input-number').trigger('change')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<input type="number" id="input-number" onChange="DoSomething(event);"/>

【讨论】：