如何在输入元素上模拟输入事件？

Question

$('#btn').on('click', function(){
    console.log('323');
});

$('#btn').click();
console is written `323`

我希望与input事件相同，如下所示：

$('#inp').on('input', function(){
    console.log('323');
});

$('#inp').input();

错误-input is not a function

那么如何模拟input事件？

Answer 1

在元素上调用trigger，传递要调用其jQuery处理程序的事件的名称：

$('#inp').on('input', function(){
    console.log('323');
});

$('#inp').trigger('input');

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