Как здесь работает preventDefault?

Question

[fapchat]

Как в данном случае preventDefault делает задуманную работу? самое забавное, что если написать код правильно, то ничего работать не будет. Я думаю мне не нужно всё разжёвывать и всё понятно по контексту.
Код пен почему-то скидывается только ссылкой https://codepen.io/fapchat2/pen/GRKypxv?editors=0010

Comments

[Kovalsky]

А что значит если написать код правильно, то ничего работать не будет? Вроде все нормально написано.

PreventDefault отменяет дефолтное действие связанное с конкретным элементом управления. Нажатие на ссылку должно инициировать переход на другую страницу, но раз вы выполняете preventDefault, то перехода не происходит.

[Модератор]

fapchat дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац).
В противном случае ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

[fapchat]

Никита Полевой, так я выполняю preventDefault на несуществующий объект document.querySelector('.ц')

[Kovalsky]

fapchat, да, до меня уже дошло. Перехода не осуществляется потому что ссылки у вас на фрагменты, или хз как это правильно назвать. Вот тут в разделе href можно почитать: https://developer.mozilla.org/en-US/docs/Web/HTML/...

Answer 1

[S-a-n-d-r-0]

В данном случае никак - document.querySelector('.log') возвращает null, т.к. класса log у Вас нет

Comments

[fapchat]

я точно помню, что когда у меня .log - то ничего не работало, прямо точно, хотя сейчас я всё изменил на .log и всё так же предотвращается

[fapchat]

жаль, что я не могу удалить вопрос

[fapchat]

Но как тогда вторая форма не вылезает, если у меня даже элемента нет, на который я применяю preventDefaul()?

[S-a-n-d-r-0]

Форму вызывает кусок js-са, который был спрятан в html. Это onclick="show1('block')" и onclick="show('block')". По идее preventDefault в таких ситуациях должен сделать одно: предотвратить автоматический переход на страницу, прописанную в атрибуте формы action="index.html" перед отправкой формы. Не помню ток, работает ли это с событием click, но с событием submit работает точно. А если вы хотели остановить дальнейшую обработку события click, то это не preventDefault, а stopPropagation.
И у двух форм должен быть разный id, или разный класс, или разное имя, чтобы их было легко найти с помощью js-са. А у вас две формы имеют одинаковые атрибуты.