crossrider绑定到DOM事件

Question

我刚开始看crossrider开发浏览器扩展。这个概念给我留下了深刻的印象，但它可以在一些实例和例子中提供更多的帮助。

我的具体问题是我希望extension.js文件能够识别并处理加载页面上的特定DOM事件，即onblur事件

在普通的内联javascript中，我会用     $（“：input”）。on（“blur”，function（e）{         // 做东西     }）;

但我完全迷失了将这段代码放在exension.js文件中的方式/位置。我已经在appAPI.ready函数内部和外部尝试过，但是这些内容似乎在加载的页面上触发了任何内容

我知道我可以强制包含一个包含我的代码的远程JS文件，但这意味着我将无法访问appAPI函数，我将不得不使用消息传递API在网页和扩展之间传递信息。这种方法看起来很混乱

我在尝试使用扩展程序绑定到网页上的onblur事件时出错了吗？

提前致谢

Answer 1

一般来说，就像你提到的那样，在 extension.js 文件中的appAPI.ready方法的回调函数中添加jQuery代码一样容易。我在Win7 / Chrome上使用以下代码测试了您的示例：

appAPI.ready(function($) {
  $(":input").on("blur", function(e){ console.log(':input blur'); });
});

如果这对您不起作用，我建议您打开指定分机号码的Crossrider支持票证（support@crossrider.com），我们很乐意为您进行调查。

免责声明：我是Crossrider的员工。