Отмена прокрутки с события в Mobile IE 11

Эта конструкция позволяет пользователям рисовать на холсте 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();
    }
},

1 ответ

Решение

CSS делает трюк для IE 11 (с префиксом для IE 10)

touch-action: none

События касания - это события указателя в IE11 (с префиксом для IE 10).

Другие вопросы по тегам