Отключить эффект зависания только на сенсорных устройствах

Question

Моя проблема заключается в следующем: на моем локальном веб-сайте мое главное меню имеет эффект наведения (нижний нижний). Как мы знаем, для доступа к сенсорным устройствам требуется двойной щелчок. Есть ли возможность отключить эффект зависания только на сенсорных устройствах?

Я уже пробовал следующее:

$('a').on('click touchend', function(e) { 
    var el = $(this); 
    var link = el.attr('href'); 
    window.location = link;}); 

В том, что хорошо работает. Мне не нужно дважды использовать ссылку, она отлично работает, но на моем рабочем столе все обычные ссылки загружаются на дополнительную вкладку (как обычно), но также и на той же вкладке. Таким образом, внешние ссылки открываются дважды. Есть ли шанс избежать этого?

Надеюсь, вы понимаете, что я имею в виду.

Заранее благодарен!

Answer 1

Как указано в комментариях, просто оставьте «клик». Конечно, ваш настольный браузер прослушивает событие click и, таким образом, выполняет обработчик.

$('a').on('touchend', function(e) { 
var el = $(this); 
var link = el.attr('href'); 
window.location = link;}); 

Если вы хотите, чтобы открыть связь с целевой = «_blank» в новой вкладке на мобильных устройствах, а также, вы должны учитывать, что, проверьте целевой и использовать window.open() в этом случае вместо окна.

Обратите внимание, что в настоящее время есть настольные ПК с сенсорными дисплеями, которые также будут прослушивать событие «touchhend» и будут открывать ссылки дважды. Поэтому было бы неплохо проверить, действительно ли нужно открывать ссылки при втором щелчке, а не сначала щелкнуть первым.

Answer 2

Ох ... Я проверил его снова с помощью обоих методов. Теперь версия для ПК работает нормально, но версия iPad не открывается (открывается новая вкладка и загружается также в том же самом). Так что все наоборот:/