Find who fired/triggered the event (Origin of triggered event)

Question

I want to know if there is a way to find from where a event was triggered, i have a form which makes use of multiple JavaScript libraries and in particular case a submit is triggered which is not desired. i want to find the origin of that event. Is there a way to add a listener which records the origin of the event when a specific type of event is triggered.

Something like this or may be something else:

el.addEventListener('click', e => {
        console.log(e.getOrigin)
});

Edit:

just To make it clear, i know what e.target is, and no this is not what i am looking for

e.target gives the element on which that event was triggered, what i am looking for is - if the event was triggered from a function i want to know which function triggered it.

`event.target` (or `e.target` for your code) gives the element that triggered the event, is that what you want? What do you mean by "origin"? — HoldOffHunger, Jun 05 '20 at 14:18
No, e.target gives the element on which that event was triggered, what i am looking for is - if the event was triggered from a function i want to know which function triggered it. — Amit Pandey, Jun 05 '20 at 14:21
@AmitPandey What do you mean by *the event was triggered from a function*? How can a function trigger an event? — Run_Script, Jun 05 '20 at 14:24
i have some libraries, which add manual event triggers to my elements, something like element.dispatchEvent('click') or trigger() in jQuery . i want to find that if a click event was triggered it was which function or which piece of code, like from function x or function y. — Amit Pandey, Jun 05 '20 at 14:28

Connor Low · Answer 1 · 2021-08-27T18:47:09.137

3

That's not something you are going to find in the language. If you are just trying to debug a particular situation, you might consider using ~~jQuery audit~~ (this is no longer available in the chrome web store, but if you really want, you can get it from the repo), or set an event listener breakpoint in the Sources tab of your Dev-tools.

Programatically, there is nothing you can do, unless you modify the existing libraries.

edited Aug 27 '21 at 18:47

answered Jun 05 '20 at 15:09

Connor Low

5,900
3
31
52

1

I will try this Jquery audit, thanks. Breakpoints are not useful for this particular problem. – Amit Pandey Jun 05 '20 at 15:22

score 0 · Answer 2 · answered Jun 05 '20 at 14:19

0

console.log(e.getOrigin) replace, e.getOrigin with e.target

answered Jun 05 '20 at 14:19

ABGR

4,631
4
27
49

score 0 · Answer 3 · answered Jun 05 '20 at 14:20

You've already got the correct structure, but instead of e.getOrigin you need to use e.target. From MDN docs:

The target property of the Event interface is a reference to the object onto which the event was dispatched

In your example, with a click event, this will return the element that was clicked by the user. Hopefully this is the behaviour you were expecting?

Find who fired/triggered the event (Origin of triggered event)

3 Answers3