javascript - Chrome 拡張機能でイベント リスナーを削除する方法

Question

次のように、リクエストが行われた後にonRequest追加されたリスナーを削除しようとしています:chrome.extension.onRequest.addListener

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

// 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);
  };
}, []);