窓を使わないでください.イベント

次のHTMLとJavaScriptがあるとします

<button id="btn">Click me</button>

let myBtn = document.querySelector("#btn");

myBtn.addEventListener("click", () => {
  console.log(event);  
});

ボタンをクリックするとどうなると思いますか.
あなたがそれが働かないと思うならば、eventが定義されないか、このような何かを言っているなら、あなたのブラウザーがそれについて気が止まらない限り、あなたは驚くべきことにそのイベントのために正しいEvent物を得ます.
実際に起こるのはeventがwindowの読み取り専用のプロパティであり、イベントハンドラの外部であることです.しかし、イベントが発生すると、対応するイベントハンドラ内でのみ、ブラウザがサポートしている場合は、それぞれのeventオブジェクトが値として設定されます.
⚠️ 警告:それはMDNによって推奨されていないと推奨されていない機能であり、サポートされている場合は削除される可能性があります.したがって、このようなundefinedオブジェクトにアクセスするのを避けて、代わりにそれにアクセスするためにイベントハンドラーの最初のパラメタを使用しなければなりません.例えば、

myBtn.addEventListener("click", event => {
  console.log(event);  
});