無効なラジオボタンをダブルクリックすると、IE11でクリックイベントが開始されます。

Question

無効なラジオボタンがクリックされた場合、そのラジオボタンがクリックされないようにする回避策はありますか？

$(document).ready(function() { 
    $(document).dblclick(function (e) { 
     e.preventDefault(); 
     e.stopImmediatePropagation(); 
     e.stopPropagation(); 
     return false; 
    }); 
}); 

私は上記のコードを試してみましたが、それでもondblclickイベントは、無効モードでの私のラジオボタンを開始しています。

Answer 1

ラジオボタンをクリック避けるためにCSSを使用することができます。

$(document).ready(function() { 
 
    
 
    $('#test').prop('disabled',true); 
 
    
 
    // document.getElementById('test').disabled=true; 
 
    $('#test').dblclick(function (e) { 
 
     
 
     if(e.target.disabled==true) 
 
     return; 
 
     e.preventDefault(); 
 
     e.stopImmediatePropagation(); 
 
     e.stopPropagation(); 
 
     console.log("test"); 
 
     return false; 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="test" type="radio"/>

Answer 2

あなたは、私はそれはあなたを助けfiddle.Hopeを、以下の実施している

.avoid-clicks { 
    pointer-events: none; 
}