用JS和/或jQuery模拟用户在文本输入框中输入文本的最佳方法是什么?

我不想在输入框中实际放入文本,我只想触发通常由用户在输入框中输入信息而触发的所有事件处理程序。这意味着对焦、按下键、按下键、按上键和模糊。我认为。

那么如何才能做到呢?


当前回答

将typescript转换为KeyboardEventInit并提供正确的keyCode整数

const event = new KeyboardEvent("keydown", {
          keyCode: 38,
        } as KeyboardEventInit);

其他回答

你现在可以做:

var e = $.Event("keydown", {keyCode: 64});

下面是一个触发任何事件的例子:

function triggerEvent(el, type){
if ('createEvent' in document) {
        // modern browsers, IE9+
        var e = document.createEvent('HTMLEvents');
        e.initEvent(type, false, true);
        el.dispatchEvent(e);
    } else {
        // IE 8
        var e = document.createEventObject();
        e.eventType = type;
        el.fireEvent('on'+e.eventType, e);
    }
}

将typescript转换为KeyboardEventInit并提供正确的keyCode整数

const event = new KeyboardEvent("keydown", {
          keyCode: 38,
        } as KeyboardEventInit);

为了触发回车键,我必须修改@ebynum响应,特别是使用keyCode属性。

e = $.Event('keyup');
e.keyCode= 13; // enter
$('input').trigger(e);

你可以通过直接调用来触发任何事件,就像这样:

$(function() {
    $('item').keydown();
    $('item').keypress();
    $('item').keyup();
    $('item').blur();
});

这是你想做的吗?

你可能还应该触发.focus()和潜在的.change()

如果你想用特定的键触发键事件,你可以这样做:

$(function() {
    var e = $.Event('keypress');
    e.which = 65; // Character 'A'
    $('item').trigger(e);
});

这里有一些关于按键事件的有趣讨论:jQuery事件按键:哪个键被按下了?,特别是关于.which属性的跨浏览器兼容性。