Question

我尝试通过我的 contentScript 文件发送一条命令，以删除用户插入的<button onclick="load();setTimeout(myFunction, 10)" class="myBtn1" data-toggle="modal" data-target="#build">1 - Create campaign</button>字段中字符串的最后一个字符。

已经尝试了几种在网络上找到的方法，但是没有任何效果。

我最后一次尝试使用<input>（如下面的代码），但没有成功。

contentScript.js -Reference

TextEvent

真的有可能做到这一点吗？

Answer 1

您不能通过这样的关键事件来自动进行编辑：这根本是不可能的。如果要删除输入值的最后一个字符，只需通过获取/设置输入的value属性直接完成操作：

input.value = input.value.slice(0, -1);

如果您想要更逼真的退格效果，则只需使用selectionStart和selectionEnd：

var value = input.value;                                                // get the value of the input
var start = input.selectionStart;                                       // get the start index of the selection of the input
var end = input.selectionEnd;                                           // get the end index of the selection of the input

if(start === end) {                                                     // if nothing is selected, i.e. start is the same as end which is the position of the carret
    if(start > 0) {                                                     // if the carret is not at position 0 (nothing to remove in this case)
        input.value = value.slice(0, start - 1) + value.slice(start);   // remove one character before the carret
        input.selectionStart = input.selectionEnd = start - 1;          // set the new carret position
    }
} else {                                                                // otherwise, if there is a selection
    input.value = value.slice(0, start) + value.slice(end);             // just remove the selection from the input. Don't remove any other characters
    input.selectionStart = input.selectionEnd = start;                  // set the new carret position
}

Chrome扩展程序：如何将退格键事件发送到文本字段？

1 个答案: