Получить элемент, содержащий событие Click

Question

Я пытаюсь использовать дегультизацию событий, чтобы определить, какой шаблон будет использоваться в моей директиве. Проблема в том, что я не могу понять, как получить элемент кнопки, где связано событие click. Цель события может варьироваться в зависимости от того, где мышь, когда пользователь нажимает. Это может быть либо диапазон, либо тег кнопки. Каков наилучший способ получить элемент кнопки, является ли цель интервалом или кнопкой без всякого сумасшедшего условного кода?

Также я не могу настроить директиву, потому что я использую угловой материал, и я не могу использовать jQuery.

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 говорит вам элемент, на котором событие зацепила, а не тот, на котором она была вызвана (event.target).

Пример:

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>

---

Side Примечание: Это HTML является недействительным, button elements не может содержать div elements.