2015-11-06 46 views
-1

我有我的應用程序在IE瀏覽器< = 10的麻煩。IE10:指針事件:沒有問題

而且我用這個polyfill支持IE

pointer-events: none

但我還是很可以點擊我的元素,在其他瀏覽器,我沒有。

我做錯了什麼?

HTML

<!DOCTYPE html> 
<html> 

    <head> 
    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <h1>Hello Plunker!</h1> 

    <div class="pointed" data-pointer-events-none>ClickME!</div> 
    </body> 

</html> 

JS:

$(window).load(function(){ 
    $('.pointed').click(function(){ 
    alert('clicked'); 
    }); 
    PointerEventsPolyfill.initialize({}); 
}); 

plunker

爲什麼我還沒有禁用的指針?

回答

3

而不是使用polifyll你可以使用一個簡單的jQuery,支持IE瀏覽器,

請參見下面的代碼片段:

$(document).on('mousedown', '.pointed', function(e) { 
 
    $(this).hide(); 
 
    var PointerElement = document.elementFromPoint(e.clientX, e.clientY); 
 
    $(this).show(); 
 
    $(PointerElement).mousedown(); //Manually fire the event for desired underlying element 
 
    return false; 
 
});
.pointed { 
 
    pointer-events: none 
 
    /*for every non-IE browser*/ 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<div class="pointed">ClickME!</div>

+0

哪裏是你提醒? 我不能看到它的工作 – brabertaser19

+3

@ brabertaser1992什麼是小評論。他的代碼正在工作,它的正確性 - 嘗試自己添加警報。 – somethinghere

+0

@somethingherehere sure我加了它,並點擊被解僱... – brabertaser19