jquery checkbox change click事件的执行顺序

最近写页面的时候，发现了一个很诡异的问题，目前先记录下来，等有空了再翻翻jquery源码，看下到底原因是什么。

先上代码：

 1 <input type="checkbox" id="checkbox"/>
 2 <script>
 3     /*
 4     $("#checkbox").click(function(){
 5         console.log("click");
 6     });
 7     $("#checkbox").change(function(){
 8         console.log("change");
 9     });
10     */
11     $("#checkbox").on("click",function(){
12         console.log("click");
13     }).on("change",function(){
14         console.log("change");
15     });
16 </script>

打印顺序如下表：

chrome(mac)	click	change
chrome(win)	change	click
safari	change	click
firefox	click	change

转载于:https://www.cnblogs.com/buffoon/p/5009620.html