Paka
@Paka

Как остановить срабатывание клика по ссылке при использовании jQuery touch swipe?

Разметка
<div id="banner-top" class="banner">
	<a href="/sdc/"><img src="/i/banner.jpg" /></a>
</div>


Обработчик
// библиотека jquey +  https://github.com/mattbryson/TouchSwipe-Jquery-Plugin

$("#banner-top").swipe( {
		swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
			//event.preventDefault(); // не работает
			//console.log(event); // пусто...
			console.log("You swiped " + direction);
			alert('stop');
		}
	});


Ставлю обработчик на #banner-top, но внутри него лежит тег [a] на котором срабатывает событие click.
Как отменить событие клика на ссылке?
  • Вопрос задан
  • 162 просмотра
Решения вопроса 1
Paka
@Paka Автор вопроса
Сам спросил, сам ответил ))

$(function() {
	$("#banner-top").swipe( {
		swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
			
			console.log("You swiped " + direction);
			
			// проблема только для декстопа
			if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) == false)
			{
				event.target.onclick = function(e) {
					e.preventDefault();
					this.onclick = false;
				}
			}
		}
	});
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы