如何在Chrome扩展程序中移除事件侦听器

Question

我正在尝试删除chrome.extension.onRequest.addListener在发出请求后添加的onRequest侦听器，如下所示：

chrome.extension.onRequest.addListener(
    function(request){
        chrome.extension.onRequest.removeListener();
        other_function(request);
    }
);

问题是我不知道这是否有效。我尝试了chrome.extension.onRequest.hasListener，这似乎没有给出正确的答案，所以我想知道是否有其他方法可以删除onRequest侦听器或检查侦听器是否存在。

谢谢！

Answer 1

removeListener接受一个参数。 您需要命名侦听器函数，然后按名称将其删除：

function doStuff(request){
    chrome.extension.onRequest.removeListener(doStuff);
    other_function(request);
}
chrome.extension.onRequest.addListener(doStuff);

或者，更简洁地说：

chrome.extension.onRequest.addListener(
    function doStuff(request){
        chrome.extension.onRequest.removeListener(doStuff);
        other_function(request);
    }
);

Answer 2

使用匿名函数时另一种简单明了的方法：

chrome.runtime.onMessage.addListener(function(msg, sender, reply) {
    chrome.runtime.onMessage.removeListener(arguments.callee);
});

Answer 3

// define listener(s)
const createListener = (id, bookmark) => {
  // do something
};
React.useEffect(() => { 
  // Add listener(s)
  chrome.bookmarks.onCreated.addListener(createListener);
  // Return a function that removes listener(s)
  return () => {
    chrome.bookmarks.onCreated.removeListener(createListener);
  };
}, []);