取消在Mobile IE 11上滚动事件

Question

此构造允许用户在html5画布上绘制。在其他浏览器（例如移动版Safari和Chrome）上，.preventDefault()和.stopPropagation()成功取消任何滚动，同时将手指移到画布上。然而，移动IE仍然滚动，无法绘制。

有没有办法取消滚动？

startDrawing: function(e) {
    var me = this;

    if (!me.isLocked) {
        e.preventDefault();
        e.stopPropagation();

        me.isDrawing = true;

        me.context.beginPath();
        me.context.moveTo(e.offsetX || e.layerX, e.offsetY || e.layerY);
    }
},

draw: function(e) {
    var me = this;

    if (me.isDrawing) {
        e.preventDefault();
        e.stopPropagation();

        me.context.lineTo(e.offsetX || e.layerX, e.offsetY || e.layerY);
        me.context.stroke();
    }
},

Answer 1

CSS为IE 11（IE 10的前缀）提供了技巧

touch-action: none

触摸事件是IE11中的指针事件（IE 10的前缀）。