Отмена прокрутки с события в 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).