gpt4 book ai didi

javascript - 使用 page-mod (Firefox Addon) 将 onclick 事件添加到特定按钮

转载 作者:行者123 更新时间:2023-12-05 01:22:59 26 4
gpt4 key购买 nike

我正在尝试使用插件生成器开发 Firefox 插件。

我想修改基于 Web 的邮件程序的邮件编辑器。
(在下面的代码中,我正在尝试使用 Yahoo! Japan 的邮件服务。)

当用户按下发送按钮时,我想执行特定的代码。

插件代码是:
main.js

var self = require("self");
var pageMod = require("page-mod");


pageMod.PageMod({
include: "*.mail.yahoo.co.jp",
contentScriptWhen: 'end',
contentScript: "document.getElementById('send_top').setAttribute('onclick', 'alert(\"blabla\")');"
});

电子邮件编辑器页面中的按钮:

<input id="send_top" class="inputbutton" type="submit" title="Submit an email"
value="Submit" name="action_msg_send" accesskey="9">

当用户“提交”按钮时,我想显示对话框。

最佳答案

看起来您没有在内容脚本中正确添加 onclick 处理程序。您可以改为使用如下代码:

document.querySelector('#send_top').onclick = function() { 
alert('bla bla');
}

这是附加组件构建器中的一个工作示例:

https://builder.addons.mozilla.org/addon/1048430/latest/

使用 contentScript 属性添加内容脚本代码的一个缺点是难以调试。一些使这更容易的指针:
  • 始终使用“contentScriptFile”,并将代码写入位于附加组件数据文件夹中的单独 js 文件中。
  • 使用 Firefox 的“Scratchpad”开发人员工具测试您的代码,您可以通过转到工具 -> 开发人员 -> ScratchPad 打开该工具。去做这个:
  • 打开你正在修改的页面
  • 打开便签本
  • 将您的 JS 代码粘贴到 Scratchpad
  • 转到执行 -> 运行以运行您的代码
  • 关于javascript - 使用 page-mod (Firefox Addon) 将 onclick 事件添加到特定按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10106033/

    26 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com