Почему может не работать ссылка html

Почему тег «a href» при клике на него не работает?

Сразу замечу что баг смог воспроизвести только на webkit-браузерах, и это были opera, chrome и яндекс-браузер. В ie11, firefox этого бага нет.

Допустим есть некий тег a, у него есть некий атрибут href, содержащий соотвественно некий url.
И если стилизовать этот тег как display: inline-block или просто block, проставить какие-нибудь паддинги, то у него внутри появляется небольшая область, нажатие на которую не приводит ни к переходу по ссылке указанной в href, ни даже к появлению события click.

Говоря что не появляется событие click я имею в виду что не срабатывает вот такое простейшее событие:

Если кликать не в проблемную область, то событие ожидаемо срабатывает.

Здесь полный пример: codepen.io/anon/pen/rvGgy
Конкретно в данном примере нерабочая область имеет высоту в 2 пикселя и находится точно под текстом. На том же уровне, но уже не под текстом ссылка работает.

Никакой информации по этому багу нагуглить не удалось, как-то избавиться от него тоже не удалось, и посему вопрос — можно ли как-то сделать этот самый тег полностью, так сказать, кликабельным?

• Вопрос задан более трёх лет назад
• 15945 просмотров

Очуметь, и вправду — слепая область в пару пикселей. Немного поигравшись с примером пришел к выводу, что проблема в следующем:
— перед кликом, в слепой области, курсор находится над `а` (но не над текстом! `padding`)
— во время клика кнопка уходит вниз (`:active `) и курсор наезжает на текст
— и клик не отрабатывает, потому что нажатие началось над `а`, закончилось над текстом.

Такой же эффект, если мы при `:active` сдвигаем кнопку через `relative/top` а не через `margin`. codepen. Заметьте, что слепая область при `top:8` увеличилась на 8px.

Лечим через pointer-events codepen

Но мне кажется, что такое поведение заслуживает баг репорта, или кто-то имеет больше информации по этому поводу?

Источник

Не работает ссылка HTML (не кликается)

При клике левой кнопкой мыши на ссылку, она не открывается, но если кликнуть средней кнопкой мыши, то ссылка открывается. В чем может быть проблема?

Никакой JS не висит на ссылке, никакой блок не перекрывает её, палец при наведении появляется, ховер эффект тоже, но вот левый клик не работает

3 ответа 3

Проблема не воспроизводится. Вероятно, следует проверить обработчики событий через devtools браузера и выяснить, какой именно вызывает preventDefault .

У меня такая же проблема возникла когда я добавил на сайт навигационное меню. Все ссылки этого меню перестали срабатывать на левую кнопку, для этого меню я прописал маленький JS и из-за этого перестало работать. Нашёл способ: в ссылку надо прописать onclick=»window.open(‘Ваша ссылка’)» Вот так будет выглядеть, надеюсь поможет.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками html или задайте свой вопрос.

Похожие

Подписаться на ленту

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

дизайн сайта / логотип © 2021 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2021.10.15.40479

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Источник

не открывается ссылка в коде

Недавно начала разбираться в html. Возникла проблема с открытием некоторых ссылок в коде в браузере Internet Explorer. Было две таких ситуации. В первой после обновления windows 8.1 изменилась кодировка из UTF-8 на ANSI. Кодировку я вернула. Но при этом переименовывала файлы. Один из них два раза. После этого Internet Explorer перестал видеть ссылку на него. При этом сам файл открывает без проблем. До этого все работало отлично. Второй случай. По учебнику был код и несколько ссылок на файлы с кодом в нем. Все были шаблонами(тоесть уже написаны) и нужно было написать один практически идентичный им код. Код был написан, но Internet Explorer ссылку на него в коде в упор не видит. На другие такие же видит. При чем в других браузерах: Opera, Chrome все работает без проблем. Код очень простой, путь выставлен правильно. Путь множество раз менялся, в том числе проверялась правильность написания имени. В гугле объяснения найти не могу. Ищу вот уже несколько дней. Валидатор и Отладчик Internet Explorer тоже ошибок не видит. Выставляю один из вариантов кода который не переходит по ссылке.

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Ссылка открывается внутри сайта
Здравствуйте, ссылка «https://qiwi.com/payment/form/99?extra=79697053314» в

Не работает ссылка в коде
Уважаемые форумчане, добрый день! Прошу помочь разобраться со следующей проблемой: Не.

Не открывается ссылка.
Когда я вот на сайте vkontakte нажимаю на ссылку реклама у меня не открывается страница просто.

Не открывается ссылка в письмах
Здравствуйте, в программе не открываются гиперссылки в письмах. Из-за чего это может быть и что.

Не открывается ссылка в Webbrowser
Доброе утро .. сталкнулся с такой проблемой .. Ставлю на форму webbrowser и в нём пытаюсь запустить.

Не открывается ссылка в веб браузере
При нажатие на кнопку открыть должна открываться ссылка в браузере, но у меня при компелирование.

Открывается рекламная ссылка в Хроме
На компе был запущен экзешник с зловредами: — поиск в яндексе стал перекидывать на mail -.

Источник

Почему-то не работает тег a

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Почему тег p не работает как надо?
Всем привет! Почему тег p не работает как надо? https://incub10.github.io/agency/ Как можно.

Почему у меня тег не работает с форматами .ogg, .webM?
В общем мне нужно сделать, чтобы вставлялись видео на страничку, хотя бы форматом mp4 (всё работает.

Парсингом XML ( переходит в )
Здравствуйте. У меня такая проблема. Имею исходный файл .

Почему дергается тег
Здравствуйте, подскажите почему дергается тег в Mozilla? В Chrome все нормально. Пример

Решение

Я не ставлю на всех просто так, сделаю для одной а потом на всех уже) Не работает.

Добавлено через 21 минуту
ААА!! Это дурдом какой-то! Не работает и все!

Добавлено через 8 минут
Решено. другой блок налезал.

Почему тег занимает дополнительное место
В общем если сделать картинку ссылкой, то консоль Хрома показывает, что тег уходит чуть ниже.

Почему вставляемый тег экранируется, вставляется как текст ?
Почему вставляемый тег, именно тег img экранируется, вставляется как текст ? for(var i =.

Не работает тег OL
Не работает тег OL, Никак не пойму почему.

Не работает тег More
Здравствуйте! У меня вот такая проблема. Хотела добавить анонсы на странице. Создала страницу.

Источник

Не работают ссылки на сайте. При тесте на денвере все работает, а на хостинге нет

Сделал сайт для тренировки, тестил на денавере все работало отлично. Выложил на хостинг, при попытке пройти по ссылке в меню вылазит страница 404. в чем косяк понять не могу. с привязанных ссылок на index.html возвращается, с индекса на другие странички, выдает ошибку. Все файлы и фото лежат в одной папке, в корне ftp. ошибку понять не могу. Помогите пожалуйста.

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Почему на денвере нет ошибок, а на хостинге Resource id #9
Почему на денвере все работает а на хостинге ошибка Resource id #9 файл выводит статью, при.

Php и sqlite Работает на денвере, не работает на хостинге
Здравствуйте. Подскажите в чем может быть проблема. Написан сайт специализированного словаря.

Не работает страница 404 на хостинге, на денвере — работает
Коллеги, на Денвере страница 404 работает, а переношу сайт на хост, и вместо 404-ой вижу белый.

Почему не работают ссылки на нашем хостинге
Почему не работают ссылки на нашем хостинге beget например на.

попробую вечером, спасибо. По результатам отпишусь.

Добавлено через 3 часа 44 минуты
Не помогло. Я уже не знаю что делать. И слеш ставил и с точками слеш, и вообще все убирал оставлял чистую ссылку. И абсолютную ссылку ставил. НЕ РАБОТАЕТ. Проверял на 2-х хостингах

Добавлено через 2 минуты
/public_html/www все файлы лежат в папке www подпапок не создавал. по идее должно работать. но не работает. 4 день бьюсь

на ucoz та же ерунда, я и подумал чт о со ссылками беда

Добавлено через 20 секунд
А на денвере все как часики работает

Решение

значит они зачем-то перенаправляют все ссылки

Добавлено через 1 минуту
могу подкинуть на свой субдомен, посмотрите как работает)

Почему не работают ссылки React на хостинге?
Написал заметочник на React. Заметочник состоит из нескольких страниц. Для навигации использовал.

При проверке сайте обнаружились две левые ссылки, которых нет в архиве темы
Добрый день! Проверяла свой сайт с помощью Firebag, и обнаружила 2 ссылки, которых нет в архиве.

На денвере работает, а на НИКру нет
открываю страницу http://dcli.ru/page-5.php в денвере все хорошо. На хостере nic.ru.

Галерея на денвере работает, а в интерете нет
Здравствуйте! Галерея на денвере работает а в инет выложил неработает почемуто — может подскажит.

Не работают ссылки на сайте
вроде все норм прописано и по папкам стоит но не находит! if ($Page == ‘index’).

Не работают js на хостинге, но на локальном пк — все хорошо!
Добрый день ,сразу извиняюсь за ,возможно, неправильный выбор темы или что-то еще. . . Первый раз.

Источник