【JavaScript】mouseupイベントとは？マウスボタンを離した時にイベントが実行される

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

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

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

▼onmouseup属性
<button onmouseup="mouseupEvent()">テキスト</button>

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

<button id="btn">イベント実行ボタン</button>

<script>
const btn = document.getElementById('btn');// ①
  
btn.addEventListener('mouseup',function(){// ②
  this.insertAdjacentHTML('afterend','<p>イベントが実行されました！</p>'); // ③
})
</script>