Чем можно заменить a href?

Question

[Biff]

Чем можно заменить кнопку, которая является ссылкой (a href)?
На сайте имеются модальные окна, которые открываются при нажатии на такую кнопку.

Проблема: при нажатии правой кнопкой мыши по кнопке есть пункт в браузере "Открыть в новой вкладке", хотя открывать нечего во вкладке, т.к. открываться должно модальное окно.

Comments

[FeST1VaL]

и что? чем это мешает то

[FeST1VaL]

ну сделайте обычный div ко которому будут кликать...

[Сергей delphinpro]

Можно заменить любым другим тегом. Нужно заменить на кнопку (button), раз уж это кнопка.

Answer 1

[Dino Winchester]

Правильнее будет сделать кнопкой, то есть тегом </button>. При использовании данного тега есть свои плюсы и одним из них является поддержка фокуса по дефолту, т.е если юзать например </div>, то тогда придётся делать дополнительные телодвижения чтобы кнопка слепленная из тега </div> - корректно принимала на себя фокус, например, с клавиатуры. Да и к тому же более семантично использовать </button> для подобных целей. Хотя можно использовать и тег <input>, но в данной ситуации, он совершенно не к месту.

Comments

[Biff]

Здесь вопрос в том, что в какое-то определённое неизвестное время мне возможно понадобится сделать какие-то кнопки ссылками на другие страницы. Т.е. получится, что придётся переделывать код опять :)

Answer 2

[Надим]

Ничем, если ваc это раздражает, просто заблокируйте контекстное меню на таких ссылках. Пример:

<a oncontextmenu="event.preventDefault();" href="#">Тест</a>

Попробуйте нажать такую ссылку правой кнопкой мыши... ничего не будет происходить.

Немного доработав пример, можно сделать так, чтобы правый клик был равноценен клику левому:

<a oncontextmenu="event.preventDefault(); this.click();" href="#">Тест</a>

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

Comments

[Biff]

Я использовал такой вариант:

open_modal.contextmenu(function() {
	return false;
});

У меня используется JQuery. На приведённом ниже варианте отключено контекстное меню.
Как сделать так, чтобы правый клик был равноценен левому на JQuery?
this.click();

[Надим]

Biff,

open_modal.contextmenu(function() {
    event.preventDefault();
    this.click();
});

[Biff]

Надим Закиров, ааа, т.е. прям так можно было? :D Спасибо, работает, как нужно.
Я могу попросить помочь ещё с один куском кода - плавающей шапкой? Проблема только в Safari происходит, но факт, что она есть.

[Александр]

Biff, Надим Закиров, https://www.youtube.com/watch?v=_UmMLsIeK9k никогда так не делайте.

[Biff]

Александр, из-за того, что вес передастся на кнопки и для СЕО плохо? А как тогда сделать? /button\ = onclick?

[Надим]

Александр, ну если боятся поисковиков, то можно сделать финт ушами, а именно вешать блокиратор только при наведении. Или если есть какая то иная активность на странице. Поисковики обычно очень ограничено имитируют посетителей.

Но так то да, проще уже дальше просто кнопкой.

Answer 3

[dollar]

div, или input, или button, или что угодно.