Hammer js(v 2.0.4)对于桌面IE 11上的img效果不佳

时间:2014-11-20 17:35:53

标签: hammer.js

我正在尝试使用Hammer js版本2.0.4添加滑动并按下支持到img,我注意到它在桌面IE11上运行不正常。每20次尝试可触发一次手势。

这是一个带示例的jsfiddle。

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

$(function(){

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 个答案:

答案 0 :(得分:1)

将img属性draggable设置为false将在IE上修复此问题。

还注意到Desktop Fire Fox上的类似问题,并且必须将-moz-user-select设置为none并阻止dragstart事件以及将draggable设置为false以修复它。