contents scriptからpopupのjsにある関数を動かしたい

Question

やりたいこと

特定のサイトで特定のボタンが押される
↓
"押された"という情報をContent ScriptからPopupのjsの方に送信する。
↓
Popupのjsにあるボタンが押された時用の関数を発動させる。

試してみたコード

popupがリクエスト側、contentがリクエストを受け取る側です!

var inter = setInterval(function(){
   chrome.tabs.query({active:true, currentWindow:true}, function(tabs){
     chrome.tabs.sendMessage(tabs[0].id, {message: "ボタンが押されましたか？"}, function(item){
       if(!item){
         console.log("ボタンはまだ押されていません。");
         return;
       }
         console.log("押された");
         countdown(); //これが押された時用の関数です
     })
   })
 }, 1000)

chrome.runtime.onMessage.addListener(function(request, sender, sendResponce){
   //ここがわからない
 })

補足情報

ちょっと頭がこんがらがってきたのでおかしな部分があるかもしれません。
あったら教えて下さい。
よろしくおねがいします！

Comments

[YND_teratail]

すみませんが、ソースコードがわかりにくいため、「ソースコードを選択 → 上にある<code>ボタンをクリック」という風にして、見やすくできないでしょうか。

Answer 1

contents script側

let isPressed = false // 押されたかどうか

const btn = document.getElementById('foo'); // btnを取得

// btnがクリックされたとき
btn.addEventListener('click', function(e){
　  isPressed = true
}, false);

// 返信します
chrome.runtime.onMessage.addListener(function(request, sender, sendResponce){
    sendResponse({ item:isPressed  });
})

こんな感じでどうでしょうか。
まず、let isPressed = falseで、isPressedを宣言します。
そのあと、btn.addEventListener()でクリックしたことを取得して、isPressedをtrueに変えます。
最後に、その変数の値をレスポンスします。

Comments

[tetro]

すみません！まだ使いこなせてなくて...。
それとそのコードでできました！
ありがとうございます！

[YND_teratail]

よかったです！