「JavaScript」アロー関数式にonmouseupを記述するサンプル
環境
Windows 10 home 64bit
Google Chrome 103.0.5060.114
構文
要素.onmouseup = () => {処理コード};
アロー関数式は、従来の 関数式の簡潔な代替構文ですが、制限があり、すべての場面で使用することができるわけではできません。
書式
param => expression
引数が単一の場合。単純な式ならば return は不要です。
使用例
<!DOCTYPE html> <html> <body> <div id="cft" > <p>test</p> </div> <script> cft.onmouseup = () => { console.log('マウスから離れました123456'); }; </script> </body> </html>
実行結果
文字「test」をクリックしてマウスから離れた時に「マウスから離れました123456」が表示されます。