Q&A
カーソル位置からなんとかできるかもしれませんね。ありがとうございます。
###実現したいこと
ブラウザの変更を検知したいです。
たとえばタブの変更ならばvisibilitychangeで検知できますよね。
しかし、２つのブラウザで同じサイトが表示中（タブ選択中）なときに、アクティブなブラウザを変更しても、visibilitychangeではそれを検知できませんよね。
もしそれが検知できればベストです。
###代替手段として実現したいこと
しかしできなそうなので、代替手段として「ブラウザにカーソルが乗ったとき（スマホなら指が乗ったとき）」というのを検知できればと考えました。
これならば、アクティブなブラウザを変更して、それを操作しようとしたときに検知できるので、まぁ、ぎりぎりかなと。
このような方法はありますでしょうか？
###なぜ実現したいのか
ちなみにそもそも目的は、一方のブラウザで変更したデータを、もう一方にも反映させるためです。
そのために下記➁と➄での検知が必要だと考え、質問致しました。
全体の流れとしては、
➀：Chromeを非アクティブにしたら
➁：それを検知してその時間をajaxで登録して
➂：Firefoxをアクティブにして何かデータを更新して
➃：Chromeをアクティブに戻したら
➄：その変更を検知して➀と➂の時間を比べて、
➅：もし➂の時間が後なら（Chromeで更新されてないデータがあるなら）、Chromeでサイトを再読み込みして、最新状態に保つ！
のような機能をイメージしています。
回答2件
0
双方向通信ですかね。
ASP.NET なら SignalR で比較的簡単に実現できます。
https://developer.mozilla.org/ja/docs/Web/API/WebSockets_API
投稿2019/07/10 01:59
総合スコア13749
0
これという策が思いついていない中ではありますが、
もしかしたらこうやったらできるかも？という可能性のみのヒント回答です。
カーソル位置を把握する方法はあります。
JavaScriptはイベント駆動ですので、「押された」とか「変わった」とか「読み込まれた」とかの何かしらのアクションが必要です。
mousemoveイベントはウィンドウ内にないと拾えません。
ですので、例えばsetInterval()で監視しておき、一定期間「mousemoveイベントが起きていない」のを察知することを以て「今はウィンドウ内にカーソルがない」と判断できるかもしれません。
ただ「ウィンドウ内にあるけど全く動かしていない」のと判別する必要があります（ここが難しそう）
あと、要件によってはdocument.hasFocus()とか使えるかも。
投稿2019/07/10 00:40
総合スコア80850
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/07/10 16:00
2019/07/11 00:20
2019/07/11 20:32
2019/07/12 00:47
2019/07/12 10:29
2019/07/16 08:26