Element mit Click-Ereignis erhalten

Question

Ich versuche, die Ereignisanzeige zu verwenden, um zu bestimmen, welche Vorlage in meiner Anweisung verwendet wird. Das Problem ist, ich kann nicht herausfinden, wie man das Button-Element, an das das Click-Event gebunden ist, bekommt. Das Ereignisziel kann abhängig davon variieren, wo sich die Maus befindet, wenn der Benutzer klickt. Es kann entweder die Spanne oder das Button-Tag sein. Was ist der beste Weg, um das Button-Element zu erhalten, ob das Ziel die Spanne oder der Button ist, ohne alle Arten von verrückten bedingten Codes?

Auch ich kann die Direktive nicht anpassen, weil ich Angular Material verwende und ich kann jQuery nicht verwenden.

HTML:

<button ng-click="main.authDialog($event)"> 
    <span class="ng-scope">Sign Up</span> 
    <div class="md-ripple-container"></div> 
</button> 

Answer 1

event.currentTarget sagt Ihnen, das Element, an dem das Ereignis süchtig war, eher als die auf dem er ausgelöst wurde (event.target).

Beispiel:

var myApp = angular.module('exModule', []); 
 
myApp.controller('exController', function($scope) { 
 
    $scope.main = { 
 
    authDialog(e) { 
 
     console.log("target", e.target); 
 
     console.log("currentTarget", e.currentTarget); 
 
    } 
 
    }; 
 
});

<div ng-app="exModule" ng-controller="exController"> 
 
    <button ng-click="main.authDialog($event)"> 
 
    <span class="ng-scope">Sign Up</span> 
 
    <div class="md-ripple-container"></div> 
 
    </button> 
 
</div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

---

Randbemerkung: Das HTML ungültig ist, kann button elements nicht div elements enthalten.