mousedown-mouseup-click事件執行順序

<input type="button" id="btn" value="點我">

<script>　　

var btn = document.getElementById("btn");
btn.addEventListener("mousedown",function(){
    console.log("my button mousedown");
});
btn.addEventListener("click",function(){
    console.log("my button click");
});
btn.addEventListener("mouseup",function(){
    console.log("my button mouseup");
});

</script>

//執行順序onmousedown > onmouseup > click