Question

我正在尝试在textarea元素中检测到更改，但我的JavaScript不起作用，尽管它应该正常工作。在StackOverflow中有很多例子都是这样做的，我无法解决问题。

popup.js：

document.getElementById('pasteBox').addEventListener('change', () => {
    console.log("Change detected"); // It's not, this never runs
    var pasteBoxValue = document.getElementById("pasteBox").value
    chrome.storage.sync.set({"pasteBoxValue": pasteBoxValue}, () => {
        console.log("Paste Box changes saved"); // Not even close
    });
});

popup.html：

<textarea id="pasteBox" rows='3' data-min-rows='3' placeholder='Paste Box'></textarea>

我也尝试用按钮元素做同样的事情，唯一的区别是onclick事件，但也没有发生任何事情。

Answer 1

这回答了我的问题，由wOxxOm提供：

确保您正在查看正确的devtools控制台 - 弹出窗口有自己的窗口，因此您需要右键单击它然后检查。

Answer 2

使用“输入”事件，而不是“更改”。

让HTML内联事件在Chrome扩展程序的popup.js中运行

2 个答案: