Problema con onClick() y botón central en el mouse

Question

<a href="<?=$rowz[0]?>" onClick="countLinks('<?=$row[6]?>','<?=$indexl?>')">[Link <?=$j++?>]</a> 

El problema es que no funciona con el botón central en IE o Firefox. De hecho, el countLinks usando el botón central se llama solo con cromo.

Creo que necesito una función Jquery como mouseup evento, simplemente no sé cómo llamar a esa función, que llama a countLinks con esos parámetros parámetros.

¿Algún ayuda?

Answer 1

Tienes razón. Necesita un evento mousedown o mouseup para determinar en qué botón del mouse se hizo clic realmente.

Pero antes que nada, debe deshacerse de ese controlador de eventos en línea onclick y seguir el brillante camino de discreto javascript.

Thatfor necesita dar a ese ancla una etiqueta id o class para identificarla (Por supuesto, también puede optar por seleccionar ese anclaje con un selector css). Asumamos que hemos añadido una clase con el nombre myClazzz :)

javascript:

$(function(){ 
    $('.myClazzz').bind('mouseup', function(e){ 
     switch(e.which){ 
      case 1: 
       alert('Left Mouse button pressed.'); 
      break; 
      case 2: 
       alert('Middle Mouse button pressed.'); 
      break; 
      case 3: 
       alert('Right Mouse button pressed.'); 
      break; 
      default: 
       alert('You have a strange Mouse!'); 
     } 
    }); 
}); 

La propiedad which dentro de un controlador de eventos mousedown/mouseup contendrá un número que indica qué botón del ratón se ha hecho clic.

Answer 2

Aquí hay una solución rápida para usted, mediante el uso de algunos html5 attributes ... En realidad, también era posible antes de html5 pero no validación.

Me gustaría crear los enlaces de la siguiente manera:

<a class="myClazzz" href="<?=$rowz[0]?>" data-row="<?=$row[6]?>" data-index="<?=$indexl?>">...</a>

_here ponemos a sus parámetros data atributos

y escribe los js como este:

$(function(){ 
    //use mouseup, then it doesn't matter which button 
    //is clicked it will just fire the function 
    $('.myClazzz').bind('mouseup', function(e){ 
     //get your params from data attributes 
     var row = $(this).attr("data-row"), 
      index = $(this).attr("data-index"); 

     //and fire the function upon click 
     countLinks(row,index); 
    }); 
}); 
//don't forget to include jquery, before these lines;) 

Espero que esto funcione ou t. Sinan.

PSmyClazzz -> créditos va a Jandy :)

Answer 3

El comportamiento de este es bastante variable por el navegador. Ver https://code.google.com/p/chromium/issues/detail?id=255#c106. De acuerdo con eso, por los que preguntaste:

• "IE no se desencadena un evento de clic, si el objetivo es un enlace, pero se dispara si se hace clic en otro elemento, incluso si es un descendiente de un enlace."

• "Gecko siempre activa un evento de clic en el documento que burbujea y tiene como destino el elemento al que se hace clic."

Para Firefox, por lo que puede hacer:.

$(document).click(
    function (evt) { 
    // ... evt.which === 2 means middle click 
    } 
); 

que es una especie de truco (Normalmente se escucha a eventos en el propio enlace), pero funciona