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