HTMLタグのonmousedown属性には、マウスのボタンが押下されたときに実行するJavaScriptを記述します。onmousedown属性は省略可能です。

押したマウスのボタンを離すと、onmouseupイベントが発生します。

サンプル

<button type="button" onmousedown="mouseDown()" onmouseup="mouseUp()">
  Button
</button>
<p>
  Event: <span id="event"></span>
</p>
<script>
  function mouseDown() {
    document.getElementById("event").innerHTML = "mousedown";
  }
  function mouseUp() {
    document.getElementById("event").innerHTML = "mouseup";
  }
</script>

Event:

イベントリスナー

onmousedown属性を使わずに、イベントリスナーを使ってイベント処理を行うこともできます。

<button type="button"  id="btn">
  Button
</button>
<p>
  Event: <span id="evnt"></span>
</p>
<script>
  e = document.getElementById("btn");
  e.addEventListener("mousedown", function(){
    document.getElementById("evnt").innerHTML = "mousedown";
  });
  e.addEventListener("mouseup", function(){
    document.getElementById("evnt").innerHTML = "mouseup";
  });
</script>

Event: