Angularjs access this element in ng-click function

Question

As given in this answer, We need to pass and $event object to the ng-click function, and access the target element using

$scope.setMaster = function(obj, $event){
    console.log($event.target);
}

While event.target isn't a cross-browser property. To overcome this, quirksmode suggests the following

function doSomething(e) {
    var targ;
    if (!e) var e = window.event;
    if (e.target) targ = e.target;
    else if (e.srcElement) targ = e.srcElement;
    if (targ.nodeType == 3) // defeat Safari bug
        targ = targ.parentNode;
}

Is there any other/better way of getting target element? Like when we bind using DOM/jQuery method, we can use this keyword to refer to clicked element.

Please suggest.

Arun P Johny · Accepted Answer · 2014-08-12 08:38:14Z

1

As a library, angularjs does this normalization so there is no need to do the browser specific code our self. it is handled within the library.

The event object passed to the click handler is normalized and will have the said properties irrespective of the browser(given the said browser is supported by the library)

answered Aug 12, 2014 at 8:38

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angularjs access this element in ng-click function

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related