L'instauration d'un événement de clic via questions (Event.button! = 0)

  • RockmanTV
  • Proficient
  • Proficient
  • No Avatar
  • Inscription: Oct 12, 2004
  • Messages: 348
  • Status: Offline

Message Avril 8th, 2010, 12:15 pm

J'ai un objet qui a un événement de clic Im essayant de déclencher. Cependant dans le cas cliquez sur J'ai le texte suivant if: if (Event.button! = 0) (return true;)

Cette déclaration permet, si le clic droit de traverser et d'activer, mais elle empêche également me du déclenchement de la manifestation. Toutes les idées sur la façon d'éviter cela? Si je supprime l'instruction if de la fonction tout d'abord cliquer fonctionne comme prévu.

Heres l'exemple de mon code basé sur l'exemple de l'événement de déclenchement jquery 1:
Code: [ Select ]
<!DOCTYPE html>
<html>
<head>
 <style>

button { margin:10px; }
div { color:blue; font-weight:bold; }
span { color:red; }
</style>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<a href="#" class="quoteLink">Button #1</a>
<a href="#" class="quotelink2">Button #2</a>

<div><span>0</span> button #1 clicks.</div>

<div><span>0</span> button #2 clicks.</div>
<script>
$(".quoteLink").live("click", function(event){
    if(event.button != 0){return true;}
    update($("span:first"));
});



$(".quotelink2").live("mouseover", function(event){
 $(".quoteLink").trigger('click');
    update($("span:last"));
});

function update(j) {
var n = parseInt(j.text(), 10);
j.text(n + 1);
}
</script>
</body>
</html>
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  <style>
  5. button { margin:10px; }
  6. div { color:blue; font-weight:bold; }
  7. span { color:red; }
  8. </style>
  9.  <script src="http://code.jquery.com/jquery-latest.js"></script>
  10. </head>
  11. <body>
  12. <a href="#" class="quoteLink">Button #1</a>
  13. <a href="#" class="quotelink2">Button #2</a>
  14. <div><span>0</span> button #1 clicks.</div>
  15. <div><span>0</span> button #2 clicks.</div>
  16. <script>
  17. $(".quoteLink").live("click", function(event){
  18.     if(event.button != 0){return true;}
  19.     update($("span:first"));
  20. });
  21. $(".quotelink2").live("mouseover", function(event){
  22.  $(".quoteLink").trigger('click');
  23.     update($("span:last"));
  24. });
  25. function update(j) {
  26. var n = parseInt(j.text(), 10);
  27. j.text(n + 1);
  28. }
  29. </script>
  30. </body>
  31. </html>
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Avril 8th, 2010, 12:15 pm

  • RockmanTV
  • Proficient
  • Proficient
  • No Avatar
  • Inscription: Oct 12, 2004
  • Messages: 348
  • Status: Offline

Message Avril 8th, 2010, 1:15 pm

Pour ceux d'entre vous qui sont coincés avec ce problème (j'ai trouvé la réponse ailleurs), dans cette situation Réglage de la détente comme ça devrait fonctionner:

$ (". QuoteLink"). Gâchette ((type: "click", bouton: 0));

Hope qui aide!

Afficher de l'information

  • Total des messages de ce sujet: 2 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 116 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC