ポインタイベントはIEで期待通りに動作しません

Question

pointer-events:none cssに問題があります。私はcombo boxを無効にしようとしています。 このCSSはChromeとFirefoxでは完全に機能しますが、IEでは部分的に機能します。

IEではコンボボックスが無効になっていますが、コンボボックスをクリックするとドロップダウンが表示されますが、これは表示されません。私が同じパッチを使用できるかどうか案内してください。このことができます:)

http://www.vinylfox.com/forwarding-mouse-events-through-layers/

することもできますTR

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

<select id="originPlaceId" name="originPlaceId" class="pointer-events" size="1" style="width:99%;"> 
 
    <option value="Tiger">Tiger</option> 
 
    <option value="Lion">Lion</option> 
 
</select>

Answer 1

resolved here : stackoverflow

希望：以下

コードです屋javascriptのソリューション：

http://jsbin.com/uhuto

function passThrough(e) { 
    $(".box").each(function() { 
     // check if clicked point (taken from event) is inside element 
     var mouseX = e.pageX; 
     var mouseY = e.pageY; 
     var offset = $(this).offset(); 
     var width = $(this).width(); 
     var height = $(this).height(); 

     if (mouseX > offset.left && mouseX < offset.left+width && mouseY > offset.top && mouseY < offset.top+height) 
     $(this).click(); // force click event 
    }); 
} 

$("#shield").click(passThrough); 

var dthen = new Date(); 


var doPassThrough = true; 
$('input').click(function(){ 
    doPassThrough = !doPassThrough; 
    if (doPassThrough){ 
    $("#shield").click(passThrough); 
    } else { 
    $('#shield').unbind('click', passThrough); 
    } 
}); 

Answer 2

あなたがInternet Explorerであるときは、プラグインを使用することができます。 pointer events polyfill