Problème d'événement jQuery lors de l'implémentation du menu contextuel?

Question

Lorsque le contextmenu est affiché,

si l'utilisateur clique sur le contextmenu,

devrait le cacher.

Comment implémenter cette fonctionnalité?

Est-il possible d'écouter click_out, et quand il est détecté, cache contextmenu et effacer cet écouteur?

Answer 1

Vous pouvez ajouter un gestionnaire onclick au document, puis vérifier si la cible de l'événement est le menu ou non. Si le clic est sur le menu, ne rien faire, sinon le cacher.

jQuery(document).click(function(event) { 
    if(event.target==$('context-menu'){ 
    $('context-menu').hide(); 
    $(this).unbind('click'); 
    } 
}): 

Answer 2

Vous pouvez lier au body.click pour le masquer. Tout événement click sur tout autre élément bulles jusqu'au corps éventuellement:

$('body').click(function() { 
    $('#menu').hide(); 
}); 

exemple ci-dessus est en supposant que votre menu personnalisé a l'ID du « menu ». Remplacer si nécessaire.

En fonction du fonctionnement de votre menu (si vous avez des menus imbriqués, vous pouvez cliquer pour ouvrir), vous pouvez lier quelque chose aux clics à l'intérieur pour arrêter l'événement en utilisant e.stopPropagation();

Pour effacer l'auditeur que vous pouvez faire:

$('body').click(function() { 
    $('#menu').hide(); 
    $(this).unbind('click'); 
}); 

Answer 3

Voici un extrait de certains code de travail:

document.onclick = Tree.hideContext; 

    Tree = { 
     hideContext: function() { 
      $("#context").hide(); 
     } 
    }