JavaScriptでマウスカーソルが特定の要素の上に存在するかを判定したい

Question

具体的にやりたいこと：
id="main"要素上にマウスカーソルがあるときRキーを押すと関数を呼び出すが、それ以外の場合は何もしない

追記

「やってほしいことだけを記載した丸投げの質問」とのことで誤解があるようなので言っておきます。

具体的にやりたいこと と書いたのは、どういうことがしたい前提で、それの判定をしたいのか、というシチュエーションがわかったほうが良いかと思ったからです。

実際、teratailでも、

5つの要点を抑えると回答が得られやすくなります。
前提・実現したいこと

と記載されています。

"具体的にやりたいこと"のコードを書いてくれ。と言っているわけではない、ということをご理解いただけたらと思います。

Answer 1

手っ取り早いのは、id="main"にマウスがのったらフラグをたて、ハズレたら
フラグをはずす。
keydownでkeycodeをチェックし「R」を検出するのと同時にフラグをチェック

Comments

[igar]

mouseover/outイベントで出来ました。
ありがとうございます。
```
document.querySelector('#right').addEventListener("mouseout", function(){console.log('out')});
document.querySelector('#right').addEventListener("mouseover", function(){console.log('over')});
```