Published on2018年9月19日JavaScript forループで要素ごとにaddEventListenerを追加するにはJavaScriptforループ要素addEventListener追加JavaScriptのforループで要素ごとにaddEventListenerを追加する方法についてメモです。[].forEach.callを使用します。以下は例です。
Published on2018年9月6日JavaScriptで要素にマウスが乗っているかどうかJavascript要素マウス乗っているかJavaScriptで要素にマウスが乗っているかどうか判定する方法についてメモです。document.querySelectorで要素を取得し、addEventListenerのmouseout/mouseoverイベントなどを以下のように使用します。<code>#main</code>要素にマウスカーソルが乗ったり外れたりするごとにログ出力します。
Published on2018年8月1日JavaScriptでショートカットキーで要素をクリックJavaScriptショートカットキー要素クリックJavaScriptでショートカットキーで要素をクリックする方法についてメモです。"addEventListener('keyup'"メソッドと、eventのe.keyCodeおよびe.ctrlKeyを使用します。以下コードでは、例としてw3schools.comでRUN(スクリプトの実行)をJavascriptを使ってショートカットキーで実行することをします。