1. 程式人生 > >angular父級元素繫結事件作用在子級元素上解決方法

angular父級元素繫結事件作用在子級元素上解決方法

<a class="left-btn" ng-click='toLeft($event)'>

    <i class="left-icon"></i>

    <span>北京</span>

</a>

$scope.toLeft = function toLeft($event){

        console.log($($event.currentTarget).find("span").html());

});

使用$event.target時點選a標籤:

所點位置為i元素時輸出為空;

所點位置為span元素時輸出為北京;

所點位置為a元素時輸出為<i class="left-icon"></i> <span>北京</span>;

使用$event.currentTarget時點選a標籤:

輸出都為<i class="left-icon"></i> <span>北京</span>;