Detect function run on click

Question

I'd like to track user activity in my angular app by creating a log of the functions tied to buttons the user clicks.

I figured the best way would be to create an event listener which logs the function name and any parameters associated with the clicked element.

I've been able to retrieve the element, but am unsure of how to get the function name and parameters.

Any help would be much appreciated.

Here's my code so far, so if I click a button which includes myFunction, i'd like the clickListener to log that 'myFunction' was called and 'foo' was the parameter passed in.

$scope.clickListener = function () {
    document.addEventListener("click", function (event) {
        console.log(event.target);
    }, false);
};

$scope.myFunction = function (foo) {
    //do stuff
}

<button ng-click="myFunction('foo')"></button>

Are you saying you want the event listener shown to log any function names of other event listeners at the time those events occur? — nnnnnn
– nnnnnn, Commented Jul 12, 2016 at 14:01
sorry, i'm trying to make this more clear. just updated it again — wendelflakes
– wendelflakes, Commented Jul 12, 2016 at 14:13

idream1nC0de · Accepted Answer · 2016-07-12 14:19:28Z

1

You can get the name of the function by arguments.callee.name. Needless to say that arguments of the above construct give you the list of arguments passed.

$scope.clickListener = function () {
    document.addEventListener("click", function myListener(event) {
        console.log(event.target);
        console.log(arguments.callee.name)
    }, false);
};

edited Jul 12, 2016 at 14:19

idream1nC0de

1,1895 silver badges13 bronze badges

answered Jul 12, 2016 at 14:00

Charlie

24k12 gold badges65 silver badges97 bronze badges

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

5 Comments

idream1nC0de Over a year ago

calee should be callee. There is a spelling error here.

Chris Lear Over a year ago

Also, even if the spelling is fixed, isn't this just identical to saying console.log('myListener')? It will just display the name of the currently-running function, which you know anyway. There might be more value in looking at arguments.callee.caller.name. Problem is, anonymous functions will return ''.

idream1nC0de Over a year ago

@ChrisLear, I don't disagree with that. I was simply editing a mistake. If you feel that you have a better answer, you should contribute it.

Chris Lear Over a year ago

@JacobHeater I entirely agree with you. If I felt I had a better answer, I would contribute it. I don't have a better answer, but that fact in itself doesn't make this answer especially good. It will just log "myListener" every time, and I don't believe that's what the OP wants.

wendelflakes Over a year ago

@ChrisLear Right, hopefully the revisions to my question have cleared things up

Fareed Alnamrouti · Accepted Answer · 2016-07-12 16:54:25Z

0

Why you don't just do:

var fun = event.target.getAtttibute("ng-click").split("(");
var name = fun[0];
var params = fun[1].split(",").pop();

answered Jul 12, 2016 at 16:54

Fareed Alnamrouti

32.3k4 gold badges90 silver badges78 bronze badges

2 Comments

Fareed Alnamrouti Over a year ago

You know old school stuff ;)

Fareed Alnamrouti Over a year ago

Also to have more accurate result you can use this regex stackoverflow.com/a/25469350

Collectives™ on Stack Overflow

Detect function run on click

2 Answers 2

5 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related