Location.href и клик колесом?

Question

[Alex Kheben]

Имеем:

...
<tr onclick="location.href='/';">
<td><a href="/">text1</a></td>
<td><a href="/">text2</a></td>
<td>text3</td>
</tr>
...

При клике левой кнопкой мыши по любой части строки всё нормльно.

При клике левой кнопкой мыши по ссылке в строке всё так же нормально.

При клике средней кнопкой мыши (у многих это колесо) по ссылке в строке происходит переход по ссылке в новой вкладке и в существующей вкладке, хотя второе как-то не ожидалось. Что странно и не происходит в браузере Firefox, а вот в хроме работает «не правильно».


И так, вопрос:

Как сделать так, чтобы при клике колёсиком по ссылке в строке страница не открывалась в существующей вкладке, а открывалась как и ожидается в новой вкладке?

Хорошо бы узнать кроссбраузерный вариант исправления этой особенности.

Answer 1

[philpirj]

«Проблема» хрома. По клику средней кнопкой он открывает новое окно.
Если хотите, чтобы в основном окне никуда не переходило, добавьте return false; в onclick, но смысл href при этом отчасти теряется.

Comments

[Alex Kheben]

Делает наоборот. Т.е. открывает в том же окне и не создаёт фоновую вкладку. Отчасти это может быть решением, но не для моего случая.

Answer 2

[Олег Яковенко]

Ничего удивительного нету. Вы насильно меняете адрес
location.href='/'
Это кусок javascript'a а вы переопределяете href. Хром как раз адекватно всё отрабатывает, а вот фф нет.
Пишите ссылку почеловечески

Comments

[Олег Яковенко]

Нормальный вариант вот такой тогда: только селектор ваш
$('tr').bind('mousedown', function(e) {
if( (e.which == 2) ) {
window.open('url to open','window name','attribute1,attribute2'); //открываем новое окно
e.preventDefault(); //блочим стандартное действие
}
});


[Alex Kheben]

Не знаю почему, но этот вариант открыл не 2 окна, а целых 3. В общем только усугубил ситуацию.

[Олег Яковенко]

Может всё же что то не то делаете?
У меня всё блочится.
api.jquery.com/event.preventDefault/

[Олег Яковенко]

Пример вашего поведения приложения
Я воспроизвёл ваше поведение. Всё до ужаса просто. Если вы клацаете средней кнопкой мышки по ссылке, то вначале идёт обработка href в ссылке, а потом обработка jquery bind. Всё что нужно сделать для ссылки это снова таки заблочить event.preventDefault() или же как то иначе.
Исходник

[Alex Kheben]

Моя ситуация немного отличается от того, что вы воссоздали.
jsbin.com/igafuc/10
Вот так выглядит она на самом деле. Ссылки в ячейках и на строке могут быть разными и строк таких не одна и даже не 10, а гораздо больше.

[Олег Яковенко]

Вы сами себе проблему создаёте. Зачем
<tr onclick="location.href='http://google.com'">
Если есть
window.open('http://www.google.com','_newtab');
Итого. Висит обработчик онклик HTML'иный и висит обработчик jquery тоже на клик на этом элементе. Вот отсюда и 2 окна. Уберите в теге вашу лабуду и будет одно окно, и ссылка в основном окне не будет переорпеделяться.

Answer 3

[tick]

Мне не понятно, для чего всё это нужно. Вы хотите чтобы пользователь думал, что попадёт по дефолтному значение ссылки в a href, а по клику попадал не туда, куда ведет ссылка? Фишинговая схема получается.

Comments

[Alex Kheben]

Нет, никаких корыстных целей я не преследую. Есть строки таблицы (), если по ним щёлкнуть, то должно переходить по ссылке. НО в самих строках есть ячейки со ссылками, при клике колёсиком по ссылкам должно переходить только по одной ссылке создавая новую фоновую вкладку и больше ничего. В ФФ работает именно так как мне надо, а вот в хроме не так.

[tick]

а можете раскрыть тайну, зачем нужно, чтобы по клику в текст пользователя уносило в даль светлую? я не думаю, чтобы пользователю это понравилось — неожидаемое действие.