Если вам нужно предотвратить перемещение основного сайта при проведении пальцем внутри iframe
на мобильных устройствах, вы можете добавить следующий код на свою страницу:
var iframe = document.querySelector('iframe'); iframe.addEventListener('touchmove', function (event) { event.stopPropagation(); }, { passive: false });
Этот код добавляет прослушиватель событий touchmove
(событие, возникающее при перемещении пальцем по экрану) на элементе iframe
. Внутри обработчика события мы вызываем метод stopPropagation()
, чтобы предотвратить всплытие события и тем самым предотвратить перемещение основного сайта.
Заметьте, что мы используем опцию { passive: false }
при добавлении прослушивателя, чтобы принудительно разрешить вызовы preventDefault()
, которые блокируют перемещение, используя активное событие touchmove
.
Убедитесь, что код вызывается после того, как iframe
будет добавлен в DOM или используйте прослушиватель событий load
для window
:
window.addEventListener('load', function() { // код для добавления прослушивателя событий });
Теперь, когда пользователь пытается провести пальцем внутри iframe
, перемещение основного сайта будет заблокировано, и только iframe
будет реагировать на перемещение пальцем.