【JavaScript】mousedownイベントとは？マウスのボタンが押された時に処理を実行させる

▼トリガーになる要素を取得(addEventListenerとonmousedownプロパティで使用)
const elem = document.getElementById('js-btn'); // トリガーになる要素を取得

▼addEventListenerメソッド
elem.addEventListener('mousedown',function(){　// 第一引数にmousedownを指定
  // 処理を記述
});

▼onmousedownプロパティ
elem.onmousedown = function(){
  // 処理を記述
};

▼onmousedown属性
<button onmousedown="mousedownEvent()">テキスト</button>

<script>
function mousedownEvent(){
  // 処理を記述
};
</script>

<button id="js-btn" onmousedown="mousedownEvent()">テキスト</button> // ①

<script>
const btn = document.getElementById('js-btn');

function mousedownEvent(){ // ②
  btn.insertAdjacentHTML('afterend', '<p>mousedownイベントが実行されました！</p>'); // ③
};
</script>