Clickイベントを含む要素を取得する

Question

私の指示文でどのテンプレートを使用するかを決定するためにイベントデリゲートを使用しようとしています。問題は、クリックイベントがバインドされているボタン要素を取得する方法を理解できないことです。イベントターゲットは、ユーザーがクリックしたときのマウスの位置によって異なります。スパンまたはボタンタグのいずれかになります。あらゆる種類の狂った条件付きコードがないターゲットがスパンかボタンかどうか、ボタン要素を取得する最善の方法は何ですか？

また、アングル材を使用していて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はあなたのイベントがフックされた要素ではなく、それがトリガーされた1（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>

---

サイドノート：HTMLが無効であることを、button elementsはdiv elementsを含めることはできません。