有个网站上,里面有个可编辑的 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);
};