gpt4 book ai didi

javascript - 使用 `which` 属性以编程方式触发 keydown 事件

转载 作者:行者123 更新时间:2023-11-30 20:53:54 25 4
gpt4 key购买 nike

我如何以编程方式触发 Chrome 上的 keydown 事件,它将 which 属性设置为所需的值?

尝试过

new KeyboardEvent('keydown', {
'which':65,
'charCode':65,
'keyCode':65,
'key':"a",
'code':"KeyA",
});

但是当在输入的 onKeyDown 处理程序中接收到该属性时,该事件的 which,charCode and keyCode 等于 0key 已正确设置为 a

最佳答案

在 Chrome 中,这些事件属性的默认值为 0 并且不可写(由于它们已被弃用)。您必须删除 native 属性,然后重新创建它们:

var ke = new KeyboardEvent('keydown', {
'key':"a",
'code':"KeyA",
});

// Delete native event read-only properties with default values of 0
delete ke.keyCode;
delete ke.charCode;
delete ke.which;

// Create new custom properties that are read/write:
Object.defineProperty(ke, "keyCode", {"value" : 65});
Object.defineProperty(ke, "charCode", {"value" : 65});
Object.defineProperty(ke, "which", {"value" : 65});

var el = document.getElementById("key");

el.addEventListener("keydown", function(evt){
console.log(evt.key, evt.code, evt.keyCode, evt.charCode, evt.which);
});

el.dispatchEvent(ke);
<input type="text" id="key">

关于javascript - 使用 `which` 属性以编程方式触发 keydown 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47873783/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com