Perché $ event.preventDefault() in AngularJS non impedisce la visualizzazione del menu di scelta rapida?

Come dice il titolo, non sono sicuro del perché $event.preventDefault() non impedisca la visualizzazione del menu di scelta rapida con il tasto destro del mouse.

Ho scritto this simple example nel plunker per dimostrare il problema.

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(); 
    };

Grazie in anticipo.

fonte

2014-05-11 Ben

menu di scelta rapida non visualizzato sul caminetto – Grundy

Per impedire il menu di scelta rapida è necessario acquisire (e impedire) l'evento contextmenu.

Sfortunatamente, Angular non ha una direttiva per questo evento, quindi dovrai crearne uno tu stesso.

"Copia" dal codice sorgente di angolare (versione 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}); 
      }); 
     }); 
     }; 
    } 
    }; 
});

Quindi, è possibile utilizzare in questo modo:

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

See, anche, questo short demo.
_{Testato sull'ultima versione di Chrome, Firefox e Safari e trovato funzionante.}

fonte

2014-05-11 07:21:46 gkalpak

Bella spiegazione. upvoted –

Perché $ event.preventDefault() in AngularJS non impedisce la visualizzazione del menu di scelta rapida?

risposta

Problemi correlati