2014-11-20 42 views
0

我正在嘗試使用Hammer js version 2.0.4添加swipe和按下支持img,並且我注意到它不能正常工作在桌面IE11上。每20次嘗試一次可能觸發一次手勢。Hammer js(v 2.0.4)在img上不能很好地運行在桌面上IE 11

這是一個jsfiddle的例子。

http://jsfiddle.net/bhptL6mf/32/

$(函數(){

var myImg = document.getElementById("myImg"); 
var blue = document.getElementById("blue"); 

var hammerManager = new Hammer.Manager(myImg); 
var panRecognizer = new Hammer.Pan({ 
    threshold: 0, 
    pointers: 0 
}); 

hammerManager.add(panRecognizer); 

var swipeRecognizer = new Hammer.Swipe({ 
    threshold: 0, 
    velocity: 0.01 
}); 

hammerManager.add(swipeRecognizer).recognizeWith(hammerManager.get('pan')); 

hammerManager.on('swipe', function(event) { 
    if (event.type == 'swipe') { 
     ($(blue).text() === "Swiped") ? $(blue).text(" "): $(blue).text("Swiped"); 
    } 
}); 

})

任何人看到這個問題,並知道解決方法嗎?當手勢應用於錨點時,我也會看到相同的問題

回答

1

將img屬性draggable設置爲false會在IE上修復此問題。

此外還注意到Desktop Fire Fox中的類似問題,並且必須將-moz-user-select設置爲none,並且除了將draggable設置爲false以解決該問題外,還要防止dragstart事件。

相關問題