从 jQuery 调用 content_script.js 自定义事件？

Question

在我正在开发的 chrome 扩展的 content_script.js 中，我有：

document.addEventListener("funcDoRequest", function (params)
{
    alert('From content_script');
});

在我的 index.html 网页中，如何从 jQuery 调用这个 funcDoRequest？有什么例子吗？我也需要将 detail.x 参数传递给它。

我可以在没有 jQuery 的情况下这样做，但我不想要这个：

<script>
    var event = new CustomEvent('funcDoRequest', { 'detail': { something: 'something' } });
    var go = function () { document.dispatchEvent(event); }
</script>
<a href="javascript:go();">Click me</a>

谢谢。

Answer 1

一种可能的 jQuery 等效方法可以将 .click() 事件设置为 <a> 元素，使用 .on() 和 "funcDoRequest" 作为自定义事件；在点击a元素时调用.trigger()，"funcDoRequest"作为第一个参数，数据对象{ something: "something" }作为第二个参数；其中传递的数据对象可以在.on("funcDoRequest") 处理程序中作为第二个参数params 访问。还在a 点击处理程序处添加了event.preventDefault()。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<script>
  $(document).ready(function() {
    var doc = $(this); // `document`
    $("a").click(function(e) {
      e.preventDefault();
      doc.trigger("funcDoRequest", {
        "something": "something"
      })
    });
    // at `content_script.js`
    $(document).on("funcDoRequest", function(e, params) {
      console.log(e, params);
      alert(JSON.stringify(params))
    });
  })
</script>
<a href="#">Click me</a>