Pourquoi ne $de l'événement.preventDefault() dans AngularJS empêche pas de menu de contexte d'apparaître?

Comme le dit le titre, je ne sais pas pourquoi $event.preventDefault() n'est pas de prévenir le menu contextuel qui apparaît sur le clic droit.

J'ai écrit cet exemple simple dans plunker pour illustrer le problème.

Html:

<body ng-controller="MainCtrl">
    <div id="me" ng-mousedown="stopContext($event)">CLICK ME {{num}}</div>
</body>

Javascript:

  $scope.stopContext = function(ev) {
    $scope.num += 1;
    ev.preventDefault();
  };

Merci d'avance.

  • menu contextuel afficher pas sur mousedown
InformationsquelleAutor Ben | 2014-05-11
  1. 12

    Afin de prévenir le menu contextuel, vous avez besoin pour capturer (et éviter) le contextmenu événement.

    Malheureusement, Angulaire n'ont pas de directive pour cet événement, vous aurez à créer un vous-même.

    "Copier" dans le code source de Angulaire (version 1.2.16):

    app.directive('myContextmenu', function ($parse) {
  return {
    compile: function (tElem, tAttrs) {
      var fn = $parse(tAttrs.myContextmenu);

      return function (scope, elem) {
        elem.on('contextmenu', onContextmenu);

        function onContextmenu(evt) {
          scope.$apply(function () {
            fn(scope, {$event: evt});
          });
        });
      };
    }
  };
});

    Ensuite, vous pouvez l'utiliser comme ceci:

    <div id="me" my-contextmenu="stopContext($event)">CLICK ME {{num}}</div>

    Voir, aussi, cette courte démo.

    Testé sur la dernière version de Chrome, Firefox et Safari et trouvé de travail.

    • Belle explication. upvoted
    InformationsquelleAutor gkalpak