How to get the names of functions from event for stopPropagation

Question

I'm trying to figure out if there is a way to get all of the functions called from an onclick event.

The scenario is something like this:

HTML:

<div onclick="a(); b();">
     <a href="javascript();" onclick="c(event);>link</a>
</div>

JS:

var a = function() { console.log('a called'); };
var b = function() { console.log('b called'); };
var c = function(e) {
    if (e.call['a']) { e.call['a'].stopPropagation(); }
    console.log('b and c called, but not a.');
};

I want to use this to control which functions are stopped from propagating.

score 0 · Answer 1 · answered May 22 '14 at 14:56

I'm afraid there are lots of incantations in this code. You should try and read more about the event flow, and to a lesser extent (because the subject is harder) about javascript execution contexts and possibly the javascript pseudo-protocol.

If I understand you correctly, you want a certain listener to be skipped if a previous listener has already been executed in the event flow - or, more probably, you want some content to be skipped, if some other content is executed first.

The user agent gives you no way to monitor the state of the execution of your listeners, so you need to manage that state yourself. Each listener must register that it has been called, so that next listeners can consult this state and adjust their logic. Or, as such an approach is likely to generate too much complexity (because of the tight coupling between listeners), you'd probably be better off writing some light rules framework, based on your needs.

You've asked a very specific, technical question, but do not hesitate to provide more context (the "why"), as the proper solution should be more a design-based one, rather than a technical-based one.

score -1 · Answer 2 · answered May 22 '14 at 14:05

-1

You could set global variables and set them when they are being called, for example:

aClicked = false;
bClicked = false;
function a() { aClicked = true; }
function b() { bClicked = true; }
var c = function() {
    if (!aClicked && bClicked) {
        console.log('b and c called, but not a.');
    }
};

answered May 22 '14 at 14:05

Arko Elsenaar

1,689
3
18
33

but, how would that stopPropagation on a();? – CJT3 May 22 '14 at 14:07
You can catch the event in the function, and stopPropagation() in the a() function. Perhaps a simple `return false` might do the trick too. – Arko Elsenaar May 22 '14 at 14:10
wouldn't `return false` stop the rest of `c();` from running? – CJT3 May 22 '14 at 14:11

How to get the names of functions from event for stopPropagation

2 Answers2