Détecter le bouton du milieu (bouton de défilement) avec jQuery

J'ai une liste avec les balises pour lire certains fichiers mp3 onclick. Il fonctionne très bien lors de la liaison sur le "clic" de l'événement avec jQuery:

$oo.data({'__mp3play':true,'wapiHandle':h+0,'wapiIndex':o.ajaxPlayList[h].length})
           .bind( 'click', function()
            { var wh = $j(this).data('wapiHandle');
              if( typeof o.regObjects[wh] == 'object' && o.regObjects[wh].play(this.href))
               { return false; }
            });

En cliquant sur le bouton gauche de la souris:
Il désactive par défaut de manipulation lors de mon plugin flash est chargé, sinon il sera ouvert normalement.

MAIS:
Lorsque j'utilise le scrollbutton de la souris et cliquez dessus, cliquez sur l'événement ne sera pas tiré, et le lien s'ouvre normalement.

J'ai essayé d'utiliser mousedown ou mouseup événements mais cela n'aide pas, le lien s'ouvre normalement avec l'effet secondaire que la musique commence à jouer aussi avec le flash player.

Aussi preventDefault() ne fonctionne pas du tout.

Quelqu'un peut-il me dire comment faire pour détecter le bouton central de la souris cliquez sur (bouton de défilement de la souris)?

Merci pour vos commentaires.

PS: j'ai déjà essayé d'autres solutions sur le "bouton du milieu", disponible sur ce site.

Testé dans tous les types de navigateurs avec le même résultat.

EDIT:
Cela ne fonctionne pas, le lien sera ouvert normalement lors de l'utilisation du bouton central de la souris. Lorsque vous utilisez le bouton gauche de la souris, rien ne se passe.

$oo.bind( 'mousedown click mouseup', function(e)
{ e.preventDefault(); e.stopPropagation(); return false; });

source d'informationauteur Codebeat

  1. 44

    Bien après un rapide test, il semble que les trois sont ordonnées comme suit:

    • Gauche - 1
    • Moyen - 2
    • Droit - 3

    Donc, si vous avez eu:

    $(document).mousedown(function(e){
    switch(e.which)
    {
        case 1:
            //left Click
        break;
        case 2:
            //middle Click
        break;
        case 3:
            //right Click
        break;
    }
    return true;//to allow the browser to know that we handled it.
});
  2. 7

    Ok, je pense que je l'ai. Voici un violon qui semble fonctionner. Le truc (au moins avec FF4) semble être la lier à un gestionnaire de clic à la document et de l'avoir arrêter la propagation.

    $(document).click(function(e){
        //not checking for the right click will prevent the context-menu from showing, you may or may not want to do that
        if (e.which != 3) { 
            e.preventDefault();
            return false;
        }
    });

    Cette solution a été trouvé sur cette page du forum.

  3. 3

    Bon, les gars,

    Vous remercie pour votre intervention. '@ne.bon.à l'.codage' a une solution sympa mais ne fonctionne pas sur IE (voir plus loin sur cette écriture) mais c'est un bon point de départ. - Je modifier son code:

    //Avoid relations will be opened in extra tab when clicking middle-scroll-button to open it
$(document).bind($.browser.msie ? "mousedown" : "click", function(e)
{
if (e.which == 2 && e.target.tagName == 'A') 
{
var bIE = $.browser.msie,
$o = $(e.target),
oe = $o.data('events'),
b = true,
f = function(){};
if (typeof oe == 'object' && oe['click']) {
f = function(){ $o.trigger('click'); }
} else {
b = (typeof $o[0].href == 'string' && ($o[0].target == undefined || $o[0].target == '' || $o[0].target == '_self'));
if (b) { 
f = function () { window.location.href=$o[0].href; };
}
}
if (!b) { return; }
e.stopImmediatePropagation();
e.stopPropagation();
e.preventDefault();
if (bIE)
{
if (!window.__swcp__) { 
window.__swcp__= $('<div style="position:fixed;top:0px;left:0px;width:100%;height:100%;background:#000;display:block;z-index:9999;opacity:0.01;filter:alpha(opacity:1);" />').appendTo('body'); 
}
window.__swcp__.show();
}
setTimeout(f, 50);
if (bIE) { 
setTimeout( function() { window.__swcp__.hide(); }, 1000 );
}
return false;
}
});

    Le bouton du milieu agit maintenant comme le bouton gauche d'une souris. Comme vous pouvez le voir IE a besoin d'un peu plus, nous devons unfocus la balise de lien pendant 1 seconde pour éviter qu'il sera ouvert dans un onglet extra. J'utilise ici une façon simple de le faire, créer un "pour l'œil" transparent div (opacity = 0.01) qui seront placés sur le contenu de la fenêtre de sorte que tout lien sur la page sera floue.
    L'utilisateur ne remarquerez aucune différence, sauf que le pointeur de la souris peut changer d'un pointeur par défaut et après une seconde, il les changer pour le pointeur (IE uniquement). Je peux vivre avec ça.

    J'accepte cela comme une réponse, mais si vous avez une meilleure idée de me le faire savoir.

  4. 0

    e.qui devrait le faire:

    Exemple Simple:

    $(document).ready(function(){
$(document).mousedown(function(e){
alert(e.which); //##=> left
}) 
})
  5. -2

    Si vous, (comme moi) trouvé ceci à cause de l'étrange-o milieu cliquez sur les bugs de clients. Et vous voulez juste quelque moyen ou clic droit de se comporter comme un clic gauche

    Oublier tout ce que boiteux code pour IE.

    Court et doux:

    $(document).click(function(e){
//checking for any non left click and convert to left click.
if (e.which != 1) { 
e.which = 1;
}
});

    Évidemment, si vous avez besoin d'un peu plus de discrimination, vous pouvez faire quelque chose comme:

    $('a.no-non-left-clickies').click(function(e){
//checking for any non left click and convert to left click.
if (e.which != 1) { 
e.which = 1;
}
});