JavaScript,jQuery,CSS,HTMLの達人

JavaScriptとjQueryとCSSとHTML の使い方を解説しているブログ

JavaScript の基本 ~ マウスの左ボタンを押したときに処理を実行する ~

~ マウスの左ボタンを押したときに処理を実行する ~

マウスの左ボタン※1を押した時に処理を実行するには「onmousedown」イベントを使用します。※1 マウスの主と副のボタンを入れ替えてある場合は右ボタンになります。

例)onmousedown=" alert('メッセージ') "

サンプルソース

<span onmousedown=" this.style.backgroundColor = 'yellow' ">この枠の中でマウスの左ボタンを押すと背景の色が黄色になります</span>

実行結果

この枠の中でマウスの左ボタンを押すと背景の色が黄色になります

※このページの読み込みが完了してからお試しください。