Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.92/13: Рейтинг темы: голосов - 13, средняя оценка - 4.92
-13 / 2 / 0
Регистрация: 14.08.2014
Сообщений: 240

Предотвращение перехода по ссылке

18.03.2016, 14:53. Показов 2699. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть функция которая делает блок видимым.
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
this.EditLoginPanel = function(act)
    {
        event.preventDefault();
        if(act == 1)
        {
            $('#user_login_block').hide();
            $('#user_login_edit_block').show();
        }
        else
        {
            $('#user_login_block').show();
            $('#user_login_edit_block').hide();
        }
        //return false;
    }
Работает она так, <a href="#" id="user_login" onclick="User.EditLoginPanel(1)">Nick</a>
Так как это ссылка, мне нужно предотвратить переход по ней. Предотвращение перехода должно быть заключено в функции. Сейчас останавливаю переход при помощи event.preventDefault(), но мне кажется это не подходящий вариант. Что вообще содержит event? Наверняка события! Если так, то вдруг ещё остановлю другое важное событие.
А такого быть не должно, бОльшая часть страницы состоит из JS

return false; не помогает!
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
18.03.2016, 14:53
Ответы с готовыми решениями:

jQuery, запрет перехода по ссылке, Как запретить переход по ссылке, кликая по img внутри нее же?
есть такая конструкция &lt;a href=&quot;link.php&quot;&gt;&lt;img src='pic.jpg'&gt;&lt;/a&gt; когда нажимаю на картинку то естественно происходит переход по...

Прерывание перехода по ссылке внутри функции
Доброго времени суток! Подскажите, как прервать переход по ссылке. Знаю о следующем варианте: &lt;a href=&quot;link&quot;...

Отмена перехода по ссылке
здравствуйте делаю ссылку на удаление отчёта. подтверждение удаления делаю с помощью confirm. при нажатии на ОК происходит удаление....

7
 Аватар для AmateR62
118 / 118 / 87
Регистрация: 24.02.2014
Сообщений: 404
18.03.2016, 15:33
Лучший ответ Сообщение было отмечено AlexBitard как решение

Решение

Цитата Сообщение от AlexBitard Посмотреть сообщение
event.preventDefault()
Предотвращается действие события по умолчанию. Ни чего более. Вы правильно все делаете.

event - объект, содержащий данные о произошедшем событии. Почитайте, если интересно - http://jquery.page2page.ru/index.php5/Объект_event
1
 Аватар для vettel
84 / 84 / 41
Регистрация: 14.02.2015
Сообщений: 320
18.03.2016, 15:57
Все правильно с event.preventDefault();
Только я не понимаю, почему в функцию Вы передаете act, а внутри юзаете event.
0
-13 / 2 / 0
Регистрация: 14.08.2014
Сообщений: 240
18.03.2016, 16:01  [ТС]
AmateR62, То есть если я повешу эту функцию например на кнопку submit, то event.preventDefault() предотвратит действие по умолчанию именно этой кнопки, то есть нажатие кнопки и отправку формы?
0
 Аватар для AmateR62
118 / 118 / 87
Регистрация: 24.02.2014
Сообщений: 404
18.03.2016, 16:03
Цитата Сообщение от AlexBitard Посмотреть сообщение
AmateR62, То есть если я повешу эту функцию например на кнопку submit, то event.preventDefault() предотвратит действие по умолчанию именно этой кнопки, то есть нажатие кнопки и отправку формы?
Отправку формы. Дальше вы можете написать свой код что будет она делать.
0
-13 / 2 / 0
Регистрация: 14.08.2014
Сообщений: 240
18.03.2016, 16:07  [ТС]
AmateR62, получается event содержит как бы имя события элемента с которого была вызвана функция?

Например есть ссылка при наведении на которую псевдокласс :hover делает её красной.
Так же на этой ссылке висит событие mouseover вызывающее функцию выше.

Получается ссылка не станет красной, я правильно понял как это работает?
0
 Аватар для AmateR62
118 / 118 / 87
Регистрация: 24.02.2014
Сообщений: 404
18.03.2016, 16:10
Нет, не правильно
0
-13 / 2 / 0
Регистрация: 14.08.2014
Сообщений: 240
18.03.2016, 16:13  [ТС]
AmateR62, Только что попробовал, не сработало. Видимо это не правильный пример. Ведь наведение мыши на ссылку это не действие. На сколько я понял учитываются только действия связанные с "серьёзными" взаимодействиями с браузером, такие как переход по ссылке, нажатие кнопки/отправка формы и подобное
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
18.03.2016, 16:13
Помогаю со студенческими работами здесь

Отмена перехода по ссылке
Есть код &lt;a href=&quot;/catalog/19846/&quot;&gt;товар&lt;span onclick=&quot;event.stopPropagation();&quot; class=&quot;holder fa fa-angle-down&quot;&gt;&lt;/span&gt;&lt;/a&gt; ...

Окно подтверждения перехода по ссылке
По нажатию ссылки появляется вопрос: &quot;Перейти на https://ru.wikipedia.org?&quot; По нажатию OK переход должен осуществляться при отмене ничего...

SweetAlert подтверждение перехода по ссылке
Привет! Подскажите как правильно сделать подтверждение перехода по ссылке. При нажатии на ссылку модальное окно всплывает, но не...

Перехват события перехода по ссылке
Доброе утро. Подскажите, как можно перехватить событие перехода по ссылке и отменить? Хочется сделать загрузку страниц через ajax, но...

Проверка введеного пароля для перехода по ссылке
Есть задание по практике: &quot;На странице поместить баннер, при переходе на который вывести окно ввода пароля. Алгоритм проверки...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru