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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM