Насколько я понимаю, способ обработки событий касания и мыши заключается в использовании Hammer.js
.Я включил в свой проект и подписался на событие panstart
как:
<div (panstart)="panStart($event)">
Затем в компоненте я просто регистрирую событие:
panStart(event) {
event.preventDefault();
console.log(event);
}
Результат в мобильных браузерах с сенсорным указателем:
А в настольных браузерах с указателем мыши:
Как вы можете видеть на втором скриншоте, свойство center
не отображает правильные координаты.
В чем может быть причина этого?Предполагается ли использовать Hammer.js
таким образом при попытке обработать события нажатия и перетаскивания?