有关于<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(){&nbsp; &nbsp; console.log(this.checked,1)}checked.onmouseup= function(){&nbsp; &nbsp; console.log(this.checked,2)}checked.onclick = function(){&nbsp; &nbsp; console.log(this.checked,3)}