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 |