首页 >web前端 >js教程 >为什么我的 onClick 事件在 Chrome/Firefox 扩展中不起作用?

为什么我的 onClick 事件在 Chrome/Firefox 扩展中不起作用?

Linda Hamilton
Linda Hamilton原创
2024-12-19 03:34:17914浏览

Why Aren't My onClick Events Working in Chrome/Firefox Extensions?

onClick 事件在 Chrome/Firefox 扩展中不起作用

问题:
加载 .html 和 .js 文件时可以正常工作一个普通的浏览器,但是当打包在 Chrome 或 Firefox 扩展中时, onClick 事件是

解决方案:
Chrome 扩展程序和 Firefox WebExtensions 不支持内联 JavaScript。

方法:

  1. 为触发元素添加一个ID(例如,
  2. 将 popup.js 作为单独的脚本加载到 .html 文件中(例如,)。
  3. 在弹出窗口中.js,使用addEventListener绑定onClick事件:
document.addEventListener('DOMContentLoaded', function() {
    var link = document.getElementById('link');
    // onClick's logic below:
    link.addEventListener('click', function() {
        hellYeah('xxx');
    });
});

以上是为什么我的 onClick 事件在 Chrome/Firefox 扩展中不起作用?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn