jQuery: detectar el clic del mouse y abrir el objetivo en la nueva pestaña

Question

Actualmente estoy diseñando una aplicación de foro simple. Está principalmente impulsado por jQuery/AJAX y carga todo en la misma página; sin embargo, sé que a veces los usuarios quieren abrir varios temas a la vez para verlos en pestañas nuevas cuando navegan en un foro.

Mi solución a esto fue detectar cuando se hace clic en el botón central del mouse y se hace clic en el botón izquierdo del mouse, y luego se realizan diferentes acciones. Quiero cargar el objetivo con AJAX en la ventana cuando se presiona el botón izquierdo del mouse, de lo contrario, cargarlo en una nueva pestaña.

Mi único problema es que no sé de una forma de abrir una ubicación de destino en una nueva pestaña con jQuery. Obviamente, no está permitido abrir nuevas pestañas a voluntad, pero ¿hay alguna manera de asignar este tipo de comportamiento a una acción generada por el usuario?

Gracias!

Answer 1

Por favor tome mirar en código de ejemplo. Puede ayudar

<script type='text/javascript'> 
    jQuery(function($){ 
     $('a').mousedown(function(event) { 
      switch (event.which) { 
       case 1: 
        //alert('Left mouse button pressed'); 
        $(this).attr('target','_self'); 
        break; 
       case 2: 
        //alert('Middle mouse button pressed'); 
        $(this).attr('target','_blank'); 
        break; 
       case 3: 
        //alert('Right mouse button pressed'); 
        $(this).attr('target','_blank'); 
        break; 
       default: 
        //alert('You have a strange mouse'); 
        $(this).attr('target','_self"'); 
      } 
     }); 
    }); 
</script> 

Answer 2

La acción predeterminada del botón central del mouse es abrir en una nueva pestaña.

Puede establecer el atributo de destino de hipervínculos en _blank para abrir una nueva pestaña.

<a href="#link" target="_blank">Link</a> 

También puede hacer referencia a esta pregunta How to distinguish between left and right mouse click with jQuery

Answer 3

$('#element').mousedown(function(event) { 
      if(event.which == 3) { // right click 
       window.open("newlocation.html",""); 
      } 
    }); 

verlo en directo http://jsfiddle.net/8CHTm/1/

Answer 4

<a href="some url" target="_newtab">content of the anchor</a> 

en JavaScript puede utilizar

$('#element').mousedown(function(event) { 
     if(event.which == 3) { // right click 
      window.open('page.html','_newtab'); 
     } 
}) 

Answer 5

Debe tener en cuenta también que ctrl-click y CMD-clic son utilizado para abrir nuevas pestañas (en Windows/Linux y Mac respectivamente. Por lo tanto, esta sería una solución más completa:

jQuery.isClickEventRequestingNewTab = function(clickEvent) { 
    return clickEvent.metaKey || clickEvent.ctrlKey || clickEvent.which === 2; 
}; 

Answer 6

Por favor, intente "_newTab" en lugar de "_blank"

window.open (url, "_newtab");