如何在脚本中触发键盘事件，主要是左右方向键

bigrain · 发表于 2023-6-12 19:34:41

有个网站上，里面有个可编辑的 div ，想要通过自动化方式录入标签，暂时想到的办法是通过键盘的方向键来弄，

往里面添加 #开头的内容，会触发一个选择的层，然后选择内容。
它的作用是一个话题标签，普通文本变成话题标签。

实际操作过程中发现，通过键盘的方向键可以触发这个选择。比如说

先输入 #油猴中文网

在录入的过程中，那个选择层会一直变化，根据录入内容变化。
比如录入 #油猴 这2个字，就会有个层可以选择了，再多写一些，就有新的内容选择。

为了加快速度，目前的做法是直接粘贴 #油猴中文网 （通过appendChild添加文字）

然后光标通过方向键操作，移动到 “文”字后面，然后移到 “网”后面，就能得到我要的效果了。

网上找的代码都不太行，没触发。

代码1失败：

function searchContact(text)
{
    var input = document.getElementsByClassName("input input-search")[0];
    input.value = "";
    var evt = document.createEvent("TextEvent");
    evt.initTextEvent ("textInput", true, true, window, text, 0, "en-US");
    input.focus();
    input.dispatchEvent(evt);
}

代码2失败:

 var k_down = function( key )
    {
        var eventObj = document.createEvent("KeyboardEvent");
        eventObj.initEvent("keydown", true, true);
        eventObj.keyCode = key;
        eventObj.key = key;
        eventObj.which = key;
        eventObj.ctrlKeyArg = false;
        document.body.dispatchEvent(eventObj);
    };
    var k_up = function( key )
    {
        var eventObj = document.createEvent("KeyboardEvent");
        eventObj.initEvent("keyup", true, true);
        eventObj.keyCode = key;
        eventObj.key = key;
        eventObj.which = key;
        eventObj.ctrlKeyArg = false;
        document.body.dispatchEvent(eventObj);
    };