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

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

当前回答

您所能做的就是通过触发键事件以编程方式触发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

其他回答

我知道这个问题要求一个javascript的方式来模拟一个按键。但是对于那些正在寻找jQuery方法的人来说:

var e = jQuery.Event("keypress");
e.which = 13 //or e.keyCode = 13 that simulates an <ENTER>
$("#element_id").trigger(e);

2019-03-11 13:30:53

基于@aljgom的回答:

这对我来说很有效。而不是像aljgom建议的那样将事件分派给元素，而是将它分派给文档。

document.dispatchEvent(new KeyboardEvent("keydown", { key: "c" }));

2021-08-13 16:52:01

这对我来说是有效的，它确实为我的textaera模拟了一个按键。如果你想在整个页面中使用它，只需将KeySimulation()放在<body>上，就像这样<body onmousemove="KeySimulation()“>或如果不是onmousemove，那么onmouseover或onload也可以。

2017-03-13 02:33:21

你可以使用dispatchEvent():

function simulateKeyPress() {
  var evt = document.createEvent("KeyboardEvent");
  evt.initKeyboardEvent("keypress", true, true, window,
                    0, 0, 0, 0,
                    0, "e".charCodeAt(0))
  var body = document.body;
  var canceled = !body.dispatchEvent(evt);
  if(canceled) {
    // A handler called preventDefault
    alert("canceled");
  } else {
    // None of the handlers called preventDefault
    alert("not canceled");
  }
}

我没有对此进行测试，但它改编自dispatchEvent()文档中的代码。您可能需要通读这些文档，以及createEvent()和initKeyEvent()的文档。

2009-05-08 12:44:24

只要用户按下有问题的键，你就可以存储对该even的引用，并将其用于任何HTML其他元素:

EnterKeyPressToEmulate<input class="lineEditInput" id="addr333_1" type="text" style="width:60%;right:0%;float:right" onkeydown="keyPressRecorder(event)"></input> TypeHereToEmulateKeyPress<input class="lineEditInput" id="addr333_2" type="text" style="width:60%;right:0%;float:right" onkeydown="triggerKeyPressOnNextSiblingFromWithinKeyPress(event)"> Itappears Here Too<input class="lineEditInput" id="addr333_3" type="text" style="width:60%;right:0%;float:right;" onkeydown="keyPressHandler(event)"> <script> var gZeroEvent; function keyPressRecorder(e) { gZeroEvent = e; } function triggerKeyPressOnNextSiblingFromWithinKeyPress(TTT) { if(typeof(gZeroEvent) != 'undefined') { TTT.currentTarget.nextElementSibling.dispatchEvent(gZeroEvent); keyPressHandler(TTT); } } function keyPressHandler(TTT) { if(typeof(gZeroEvent) != 'undefined') { TTT.currentTarget.value+= gZeroEvent.key; event.preventDefault(); event.stopPropagation(); } } </script>

如果你创建自己的事件，你可以设置keyCode，你可以从任何真实的键盘事件复制现有的参数(忽略目标，因为它的工作dispatchEvent)和:

ta = new KeyboardEvent('keypress',{ctrlKey:true,key:'Escape'})

2018-03-25 06:55:28

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

推荐文章

最新文章

标签