How to get all event listeners binded to specific element in JavaScript and change them to return altKey true?

Asked Feb 07 '23 at 15:28

Active Feb 07 '23 at 15:28

Viewed 42 times

Is it possible to get all event listeners from a target element, delete them, and create a mock one, but passed with the event being {altKey: true}? For example,

function getListeners(element){

//find all click listeners and return an array of the functions being called in the listener, e.g. ["function(e){alert('Is alt being pressed: '+e.altKey);}","doSomething", etc]

//delete all of these listeners

/*using the returned value, 

for(var i = 0; i<returnedValue.length; i++){
document.addEventListener('click',eval(returnedValue[i]);

//somehow edit the function so it’s parameter is {altKey:true}, or a modified event object, with altKey set to true, like e.altKey = true; function(e){}

//POSSIBLE SOLUTION: “e.altKey = true; ” + returnedValue[i]

}
*/
}

asked Feb 07 '23 at 15:28

henxdl

There's no built-in way to retrieve or replace event listeners. – Barmar Feb 07 '23 at 15:33
How about with jQuery? – henxdl Feb 07 '23 at 15:34
While it's not a documented API, see https://stackoverflow.com/questions/2518421/jquery-find-events-handlers-registered-with-an-object – Barmar Feb 07 '23 at 15:36
So this doesen't work for normal event handlers? – henxdl Feb 07 '23 at 15:44
Only jQuery made? – henxdl Feb 07 '23 at 15:44
Right. Since JS doesn't provide a way to access regular event listeners, how would jQuery get them? – Barmar Feb 07 '23 at 15:49
if you created yourself the event listeners you can delete them. If it's coming from somewhere else, javascript can't find attached events. A trick: you can copy the element, remove the original, all events attached are going to be deleted as well. Attach your event listener to the copy – pier farrugia Feb 07 '23 at 17:04

How to get all event listeners binded to specific element in JavaScript and change them to return altKey true?

0 Answers0