Tomé una referencia de codepen https://codepen.io/dsalvagni/pen/BLapab para arrastrar una imagen de perfil. Pero no funciona en el móvil. Obteniendo este error en el móvil "[Intervención] No se puede prevenir el valor predeterminado dentro del detector de eventos pasivo debido a que el objetivo se trata como pasivo. Ver ". Intenté agregar el tercer parámetro pasivo: falso. Pero no funcionó. Por favor, puede alguien ayudarme. ¡Gracias por adelantado! Agregando un fragmento de código debajo que traté de cambiar para que funcione en dispositivos móviles.
$(window).on("mousemove touchmove", function (e) { e.preventDefault(); if ($dragging) { var refresh = false; clientX = e.clientX; clientY = e.clientY; if (e.touches) { clientX = e.touches[0].clientX; clientY = e.touches[0].clientY; } var dy = clientY - y; var dx = clientX - x; dx = Math.min(dx, 0); dy = Math.min(dy, 0); /** * Limit the area to drag horizontally */ if (self.model.width + dx >= self.model.cropWidth) { self.model.x = dx; refresh = true; } if (self.model.height + dy >= self.model.cropHeight) { self.model.y = dy; refresh = true; } if (refresh) { render(); } } },{ passive: false });Ahora entendí tu pregunta; para arrastrar la imagen de perfil. Querías decir panearlo.
Entonces jQuery no puede agregar soporte para oyentes pasivos. La solución es usar addEventListener nativo. Para admitir múltiples eventos, solo agrego una matriz con nombres de eventos, luego uso forEach() para ejecutar ambos eventos.
['mousemove', 'touchmove'].forEach(evt => window.addEventListener(evt, function(e) {}, { passive: false })Esto eliminará el error, pero luego, todavía uno más para cambiar en el código ya que su referencia está en la función dragStart(). JQuery modificó los eventos originales y los almacenó en e.originalEvent. si solo usa e.touches, no existe tal objeto en e, debe buscar dentro de e.originalEvent
Aquí está el ejemplo completo con la modificación de su código de referencia, porque SO no puede agregar más de 3000 caracteres