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
posted @ 2015-12-01 11:40  /vimer  阅读(2748)  评论(0编辑  收藏  举报