有关于<input type="checkbox">点击之后的判断，

Question

一个简单的小例子：<input type="checkbox" id="checked">var checked=document.getelementbyid("checked")checked.onclick = function(){        alert(this.checked)//那么点击之后现在这个函数判断和input被勾选状态的改变貌似执行有重合了，现在浏览器的状态好像是先执行了input被勾选然后执行函数的判断，但这是什么原因呢？我想要看下执行的先后顺序可以怎么操作，打断点这里应该是不行了？    }

Answer 1

因为click事件是在 mousedown 和mouseup 之后触发的。

所以题主可以这样试一下：

checked.onmousedown = function(){

    console.log(this.checked,1)

}

checked.onmouseup= function(){

    console.log(this.checked,2)

}

checked.onclick = function(){

    console.log(this.checked,3)

}