你可以通过:EventTarget.dispatchEvent(event)和传入一个新的KeyboardEvent作为事件来实现这一点。

例如:element。dispatchEvent(new KeyboardEvent('keypress'， {'key': 'a'}))

工作的例子:

// get the element in question const input = document.getElementsByTagName("input")[0]; // focus on the input element input.focus(); // add event listeners to the input element input.addEventListener('keypress', (event) => { console.log("You have pressed key: ", event.key); }); input.addEventListener('keydown', (event) => { console.log(`key: ${event.key} has been pressed down`); }); input.addEventListener('keyup', (event) => { console.log(`key: ${event.key} has been released`); }); // dispatch keyboard events input.dispatchEvent(new KeyboardEvent('keypress', {'key':'h'})); input.dispatchEvent(new KeyboardEvent('keydown', {'key':'e'})); input.dispatchEvent(new KeyboardEvent('keyup', {'key':'y'})); <input type="text" placeholder="foo" />

MDN dispatchEvent

MDN KeyboardEvent

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

$(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属性的跨浏览器兼容性。

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

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

首先，我需要说的是，来自Sionnach733的样本完美无缺。一些用户抱怨缺乏实际例子。这是我的意见。我一直在使用这个网站时进行鼠标点击模拟:https://www.youtube.com/tv。您可以打开任何视频并尝试运行此代码。它执行切换到下一个视频。

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

var nextButton = document.getElementsByClassName('icon-player-next')[0];
triggerEvent(nextButton, 'keyup', 13); // simulate mouse/enter key press

你现在可以做:

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

你可以通过:EventTarget.dispatchEvent(event)和传入一个新的KeyboardEvent作为事件来实现这一点。

例如:element。dispatchEvent(new KeyboardEvent('keypress'， {'key': 'a'}))

工作的例子:

// get the element in question const input = document.getElementsByTagName("input")[0]; // focus on the input element input.focus(); // add event listeners to the input element input.addEventListener('keypress', (event) => { console.log("You have pressed key: ", event.key); }); input.addEventListener('keydown', (event) => { console.log(`key: ${event.key} has been pressed down`); }); input.addEventListener('keyup', (event) => { console.log(`key: ${event.key} has been released`); }); // dispatch keyboard events input.dispatchEvent(new KeyboardEvent('keypress', {'key':'h'})); input.dispatchEvent(new KeyboardEvent('keydown', {'key':'e'})); input.dispatchEvent(new KeyboardEvent('keyup', {'key':'y'})); <input type="text" placeholder="foo" />

MDN dispatchEvent

MDN KeyboardEvent