如何使用 JavaScript 模拟 Safari 中的键盘事件？

Safari 中的键盘事件模拟：利用 JavaScript 和旧属性

在 Web 开发领域，模拟用户输入事件通常是必要的测试和自动化目的。键盘事件也不例外。然而，在 Safari 中创建和触发键盘事件历来都面临着挑战。本文探讨了使用 JavaScript 在 Safari 中模拟键盘事件的复杂性，深入研究了各种方法及其局限性。

第一种方法涉及利用 JavaScript“createEvent”和“initKeyboardEvent”方法。尽管最初尝试使用此方法，但执行后事件对象的“keyCode”属性仍设置为 0。

第二种方法利用“createEvent”和“initUIEvent”方法，手动设置“keyCode”属性。然而，此方法也面临着上述“keyCode”属性被重置为 0 的问题。

为了克服这些限制，引入了结合 DOM 键盘事件级别 3 填充的第三种方法。通过这个polyfill，开发者可以如下模拟键盘事件：

element.addEventListener("keydown", function(e){ console.log(e.key, e.char, e.keyCode) })

var e = new KeyboardEvent("keydown", {bubbles : true, cancelable : true, key : "Q", char : "Q", shiftKey : true});
element.dispatchEvent(e);

这种方法提供了一种在Safari中模拟键盘事件的更可靠的方法。此外，polyfill 还允许自定义旧属性，例如“keyCode”、“charCode”和“which”。

旧属性

旧属性，例如“keyCode”和“charCode”继续在许多应用程序和脚本中使用。为了确保跨浏览器兼容性，DOM 键盘事件级别 3 polyfill 也支持这些属性。例如，以下代码演示了在 polyfill 中设置“keyCode”属性：

var e = new KeyboardEvent("keydown", {
    bubbles : true,
    cancelable : true,
    char : "Q",
    key : "q",
    shiftKey : true,
    keyCode : 81
});

借助这些增强的功能，开发人员可以自信地在 Safari 中模拟键盘事件，从而实现更强大的测试和自动化场景。

以上是如何使用 JavaScript 模拟 Safari 中的键盘事件？的详细内容。更多信息请关注PHP中文网其他相关文章！