是否可以使用Javascript / JQuery在DOM窗口上触发键事件

是否可以在javascript中触发DOMWindow或DOMDocument上的键事件?基本上我正在创建一个浏览器扩展来与网站进行交互,并且他们在执行特定操作时具有快捷键事件(类似于GMail).我找到了关于如何正确触发关键事件的其他帖子(Definitive way to trigger keypress events with jQuery),但在将关键事件发送到文档/窗口时它们似乎不起作用.

到目前为止,我尝试过:

var evt = document.createEvent("KeyboardEvent");
evt.initKeyboardEvent("keydown", true, true, window, false, false, false, false, 0, "o".charCodeAt(0))
window.document.dispatchEvent(evt);

和一个jQuery实现:

$(document).trigger({ type: 'keydown', which: "0".charCodeAt(0) });

我也尝试连续做“keydown”,“keypress”和“keyup”,但这也没有用.

任何帮助将不胜感激!

提前致谢.

解决方法:

我知道你可以在使用trigger()时传递额外的参数,但我不确定你是否可以覆盖事件对象的属性.你可以传递这样的数据:

$(document).on('keydown keyup keypress', function (event, characterCode) {
    if (typeof(characterCode) == 'undefined') {
        characterCode = -1;
    }
    console.log('type = ' + event.type);
    console.log('characterCode = ' + characterCode);
});

这将是trigger()代码:

$(document).trigger('keydown', [ "0".charCodeAt(0) ]);

这是一个演示:http://jsfiddle.net/A7cEE/(观察你的日志控制台)

您提供的*答案中的代码似乎工作正常:

捕捉:

$(document).on('keydown', function (event) {
    console.log('type = ' + event.type);
    console.log('keyCode = ' + event.keyCode);
});

引起:

var e = jQuery.Event('keydown');
e.keyCode = "0".charCodeAt(0);
$(document).trigger(e);

演示:http://jsfiddle.net/A7cEE/1/

请注意,.on()在jQuery 1.7中是新的,在这种情况下与.bind()相同.

上一篇:可以在MySQL插件上执行PHP吗?


下一篇:在触发器中使用mysql用户