让 HTML 内联事件在 Chrome 扩展的 popup.js 中工作

名字是xi

我试图在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
    });
});

弹出窗口.html:

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

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

名字是xi

这回答了我的问题,由 wOxxOm 提供:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Chrome扩展程序中的Vue.js

如何在Chrome扩展程序中的popup.js和background.js之间进行通信?

Chrome扩展程序如何将数据从内容脚本发送到popup.html

调试Chrome扩展程序的popup.html吗?

Chrome扩展程序:强制popup.html关闭

ng-show和ng-hide在html5 / js chrome扩展程序中失败

如何从Chrome扩展程序popup.html中重新加载当前标签页?

Chrome扩展程序:如何将消息从content.js发送到popup.js-Page_Action

Chrome扩展程序:从background.js到popup.js获取变量

Chrome扩展程序将Background.js中的值保存到存储中并显示在popup.html上

如何使用Chrome扩展程序popup.html从新的弹出窗口中定位DOM元素

Chrome扩展HTML树生成器无法正常工作

Chrome扩展程序更改popup.html文本

我的firefox扩展包中的main.js没有收到从html页面调度的事件

Chrome扩展程序:访问popup.html的DOM并启用jQuery

我正在尝试让jQuery在chrome扩展程序的background.js中工作,并且它将无法工作。为什么?

Chrome扩展程序:消息传递(将DOM发送到popup.js)返回“空”

是否可以将Google Analytics(分析)添加到没有popup.html的Chrome扩展程序中?

对于chrome扩展,main.js如何从popup.js调用函数?

chrome扩展标签事件监听器无法正常工作

如何在Chrome扩展程序中的popup.html中访问iframe

从Chrome扩展中的html中删除div

如何在Chrome扩展程序中通过鼠标调整POPUP.html页面的大小

从 popup.js chrome 扩展调用 inject.js 方法

Chrome 扩展程序 - 在当前选项卡的 popup.html 中激活脚本

JS 函数未定义 Chrome 扩展 Popup.js

如何将 popup.js 文件中的单个字符串变量传递到 chrome 扩展 API 上的单独 javascript 文件?

Popup.js 不适用于 Chrome 扩展

Chrome 扩展:点击 popup.html 中的按钮,打开新标签,填写输入