Как открыть новый триггер табуляции кнопкой прокрутки

Question

Я делаю приложение php/html, которое показывает некоторые данные в таблице, когда пользователь щелкает в строке (<tr>). Jquery открывает эту запись.

Это код:

$.fn.linkRow = function(element) { 
    thisRow = this.find('tbody tr'); 

    thisRow.on('click', function() { 
     hrefLocation = $(this).find('td.link:first a').attr('href'); 
     if (hrefLocation) { 
      window.location.href = hrefLocation; 
     }; 
    }).addClass((thisRow.has('td.link')) ? 'pointer' : ''); 
    return this; 
}; 

Факт: Пользователь не может открыть запись в новой вкладке. Единственный способ - копия & вставить href ... И мои пользователи этого не сделают.

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

EDIT: Я имею в виду колесо мыши ... Обычно это открывает ссылку на новой вкладке.

PS: Мне нужно использовать таблицы. В какой-то момент я создам раскладку таблицы на основе CSS (для этого не требуется javascript), но я не могу сделать это в этой версии программного обеспечения.

---

Спасибо!

Это окончательный код:

$.fn.linkRow = function(element) { 
    thisRow = this.find('tbody tr'); 

    thisRow.not('a').on('mouseup', function(e) { 
     hrefLocation = $(this).find('td.link:first a:first').attr('href'); 
     if (hrefLocation) { 
      if (e.which == 2) { 
       window.open(hrefLocation); 
      } 
      else{ 
       window.location.href = hrefLocation; 
      } 
     }; 
    }).addClass((thisRow.has('td.link')) ? 'pointer' : ''); 
    return this; 
};

НО ... Мышь колеса щелчок мыши не работает для того, что я намерен:

Если вы нажмете на ссылку (a тег)> открыть новая вкладка

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

Итак ... Я работаю, но мне определенно нужно сделать решение без javascript.

Answer 1

Если вы хотите, чтобы ссылки открывались в новой вкладке, а не в одной и той же странице, вам нужно заменить

window.location.href = hrefLocation; 

с

window.open(hrefLocation); 

Answer 2

Попробуйте с помощью следующего метода

$(document).scroll(function(){ 
if(!tabOpen){ 
    window.open('url', 'window name', 'window settings'); 
    tabOpen = true; 
} 
}); 

Answer 3

Я столкнулся с аналогичной проблемой несколько месяцев назад.

Либо вы переносите каждое содержимое td в нормальный a -Tag (и используйте _target = "blank"), в этом случае не требуется javascript!

...или вы используете ЯШ:

thisRow.click(function(){ 
    window.open('url', 'window name', 'window settings'); 
    return false; 
}); 

Answer 4

Чтобы открыть новое использование вкладки:

window.open(hrefLocation); 
window.open(hrefLocation,'_blank'); //Or this 
window.open(hrefLocation,'_newtab'); //Or this 

Один из них должен работать.

Answer 5

window.open() будет делать трюк, но это также зависит от конфигурации браузера

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

http://brandonaaron.net/code/mousewheel/demos

Answer 6

Изменить нажмите с MouseUp и поймать e.with со значением 2 (средняя кнопка):

$.fn.linkRow = function(element) { 
    thisRow = this.find('tbody tr'); 

    thisRow.on('mouseup', function(e) { 
     hrefLocation = $(this).find('td.link:first a').attr('href'); 
     if (hrefLocation) { 
      if (e.which == 2) { 
       window.open(hrefLocation); 
      } 
      else{ 
       window.location.href = hrefLocation; 
      } 
     }; 
    }).addClass((thisRow.has('td.link')) ? 'pointer' : ''); 
    return this; 
}; 

Answer 7

Я уверен, если вы хотите знать, как сделать событие среднего щелчка с jquery или если вы хотите узнать, как открыть новую вкладку, но здесь идет:

Среднее событие click:

$("tr").live('mousedown', function(e) { 
if((e.which == 2)) { 
    alert("middle button"); 
} 
    e.preventDefault(); 
}); 

Новая вкладка:

Как и все остальные говорят, используйте следующее:

window.open(href); 

С обеих средней кнопкой мыши и открытой ссылке:

$("tr").live('mousedown', function(e) { 
if((e.which == 2)) { 
    window.open(href); 
} 
    e.preventDefault(); 
}); 

EDIT: Некоторые источники: Jquery: detect if middle or right mouse button is clicked, if so, do this:

Ответ на Detect middle button click (scroll button) with jQuery также может помочь решить некоторые проблемы совместимости с IE