是否有可能以编程方式模拟按键事件?

是否可以在JavaScript中以编程方式模拟按键事件?

当前回答

下面是一个在Chrome和Chromium上工作的解决方案(只测试了这些平台)。似乎Chrome有一些错误或自己的方法来处理关键代码，所以这个属性必须单独添加到KeyboardEvent。

函数simulateKeydown (keycode, istrl,isAlt,isShift){ var e = new KeyboardEvent("keydown"，{冒泡泡:true, cancelable:true, char:String.fromCharCode(keycode)， key:String.fromCharCode(keycode)， shiftKey:isShift, ctrlKey:isCtrl, altKey:isAlt}); Object.defineProperty(e， 'keyCode'， {get: function(){返回this.keyCodeVal;}}); e.keyCodeVal = keycode; document.dispatchEvent (e); ｝ simulateKeydown(39, false, false, false);

2018-03-31 16:57:28

其他回答

本地JavaScript与TypeScript支持的解决方案:

键入keyCode或您正在使用的任何属性，并将其转换为KeyboardEventInit

例子

const event = new KeyboardEvent("keydown"， { 38岁的键码: } as KeyboardEventInit);

2019-07-15 22:14:09

这就是我在chrome中使用js/typescript所做的尝试。多亏了这是灵感的答案。

var x = document.querySelector('input');

var keyboardEvent = new KeyboardEvent("keypress", { bubbles: true });
// you can try charCode or keyCode but they are deprecated
Object.defineProperty(keyboardEvent, "key", {
  get() {
    return "Enter";
  },
});
x.dispatchEvent(keyboardEvent);

{ // example document.querySelector('input').addEventListener("keypress", e => console.log("keypress", e.key)) // unfortunatelly doesn't trigger submit document.querySelector('form').addEventListener("submit", e => { e.preventDefault(); console.log("submit") }) } var x = document.querySelector('input'); var keyboardEvent = new KeyboardEvent("keypress", { bubbles: true }); // you can try charCode or keyCode but they are deprecated Object.defineProperty(keyboardEvent, "key", { get() { return "Enter"; }, }); x.dispatchEvent(keyboardEvent); <form> <input> </form>

2020-02-26 19:13:00

由于在控制台上下文中易于使用，它曾经是单行的。但可能还是有用的。

Var pressthiskey = "q"/* <——q为例*/; var e = new事件("keydown"); E.key =按下这个键; e.keyCode = e.key.charCodeAt(0); e.which = e.keyCode; e.altKey = false; e.ctrlKey = true; e.shiftKey = false; e.metaKey = false; E.bubbles = true; document.dispatchEvent (e);

2018-05-21 08:24:51

您所能做的就是通过触发键事件以编程方式触发keyevent侦听器。从沙盒安全的角度来看，允许这样做是有意义的。使用此功能，您可以应用典型的观察者模式。您可以将此方法称为“模拟”。

下面是如何在W3C DOM标准和jQuery中实现这一点的示例:

function triggerClick() {
  var event = new MouseEvent('click', {
    'view': window,
    'bubbles': true,
    'cancelable': true
  });
  var cb = document.querySelector('input[type=submit][name=btnK]'); 
  var canceled = !cb.dispatchEvent(event);
  if (canceled) {
    // preventDefault was called and the event cancelled
  } else {
    // insert your event-logic here...
  }
}

此示例改编自:https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events

jQuery:

jQuery('input[type=submit][name=btnK]')
  .trigger({
    type: 'keypress',
    which: character.charCodeAt(0 /*the key to trigger*/)      
   });

但是到目前为止，还没有[DOM]方法来触发离开浏览器沙箱的键事件。所有主要的浏览器供应商都将遵循这一安全概念。

至于Adobe Flash等基于NPAPI的插件，允许绕过沙盒:这些插件正在逐步淘汰;Firefox。

详细解释:

出于安全原因(正如Pekka已经指出的)，您不能也不应该这样做。在两者之间总是需要用户交互。此外，想象一下浏览器供应商被用户起诉的可能性，因为各种编程键盘事件将导致欺骗攻击。

有关替代方案和更多细节，请参阅这篇文章。总是有基于flash的复制粘贴。这里有一个很好的例子。同时，它也证明了为什么网络正在远离插件供应商。

在选择加入CORS策略以编程方式访问远程内容的情况下，也应用了类似的安全思想。

答案是: 在正常情况下，在沙箱浏览器环境中无法以编程方式触发输入键。

底线:我并不是说在未来，在特殊的浏览器模式和/或游戏最终目标的特权下，这是不可能的，或类似的用户体验。然而，在进入这些模式之前，用户将被询问权限和风险，类似于全屏API模型。

有用:在KeyCodes上下文中，此工具和键码映射将派上用场。

披露:答案是基于这里的答案。

2013-11-09 22:20:29

我想模拟按Tab键……扩展Trevor的回答，我们可以看到像“tab”这样的特殊键确实会被按下，但我们看不到按“tab”会产生的实际结果……

尝试与调度这些事件的'activeElement'以及全局文档对象都-代码添加下面;

代码片段如下:

2020-03-17 23:13:21

是否有可能以编程方式模拟按键事件?

推荐文章

最新文章

标签