IEでクリックする前にトリガされたイベントを変更する

Question

クロムでチェックボックスの入力をクリックすると、クリックイベントがトリガされ、その後で変更イベントが発生しますが、IEでは逆です。

クロム、FFおよびIEについてはjsfiddleをご覧ください。

 $("#checkbox").on('click', 
     function() { 
      console.log("click"); 
     }    
    ); 

    $("#checkbox").on('change', 
     function() { 
      console.log("change"); 
     }    
    ); 

私の質問は、IEがchromeとFFと同じように動作するようにすることです。

Answer 1

これはイベントの順序の正しい方法です。クリックイベントは、クライアントが心を変えたときにキャンセルできるように、最後のイベントを発生させる必要があります。 clickが完了する前にmouseupイベントが発生するため、mouseupイベントを使用してブラウザ間でイコライズすることができます。

checkbox.onchange = function() { 
 
       console.log("change"); 
 
      } 
 

 
checkbox.onmouseup = function() { 
 
       console.log("click"); 
 
      }

<input id="checkbox" type="checkbox" >​