Javascript Execute onclick event stored in variable

Question

I've created the function below to identify an onclick event which is dynamically generated with each page load. I'm able to get the onclick event into a variable (developer console output shown below). I want to execute that onclick event but can't find a good way of doing that. Any assistance is appreciated.

"ƒ onclick(event) { mstrmojo.dom.captureDomEvent('*lK1129*kWA92AF1C396244F28902B3171F9642E57*x1*t1530820506700','click', self, event) }"

function applyAll() {

    //Get the self Link to click it
    var linkBys = document.getElementsByClassName("mstrmojo-DocTextfield-valueNode");

    // loop through each result
    for(y = 0;y < linkBys.length;y++){

    // retrieve the current result from the variable
    var linkBy = linkBys[y];

    // check the condition that tells me this is the one I'm looking for
    if(linkBy.innerText.indexOf("link") !== -1){
    // Find the right class
    var idy = document.getElementsByClassName("mstrmojo-DocTextfield-valueNode")[y].onclick;
    console.log(idy);   

      }
     }

}

What is that f onclick(event) bit at the top with all those characters? — Lincoln Bergeson
– Lincoln Bergeson, Commented Jul 5, 2018 at 20:15
to quickly note - I am calling the function via an inputbutton which is working fine (it writes to the console on click). I'm just not sure how to execute onclick event contained within the idy variable — user6206130
– user6206130, Commented Jul 5, 2018 at 20:16
the output with all the weird characters is the dynamic onclick event which which is generated at load time — user6206130
– user6206130, Commented Jul 5, 2018 at 20:17

Matt Shirley · Accepted Answer · 2018-07-05 20:16:35Z

1

If the property 'onclick' is defined as a function, you can just run it as a function.

var idy = document.getElementsByClassName("")[y].onclick();

You could also handle it another way:

var idy = document.getElementsByClassName("")[y].onclick;
idy();

answered Jul 5, 2018 at 20:16

Matt Shirley

4,2151 gold badge18 silver badges19 bronze badges

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

Comments

displayName · Accepted Answer · 2018-07-05 20:15:36Z

0

onclick is not an event, it's a function which gets executed when element is clicked. If you want to simulate click you can do element.click()

answered Jul 5, 2018 at 20:15

displayName

1,1062 gold badges17 silver badges42 bronze badges

Comments

Gustavo Topete · Accepted Answer · 2018-07-05 20:21:04Z

0

If you used:

element.addEventListener('click',()=>...);

instead of:

element.onclick=()=>...

then all you have to do is:

document.getElementsByClassName("mstrmojo-DocTextfield-valueNode")[y].dispatchEvent(new Event('click'));

answered Jul 5, 2018 at 20:21

Gustavo Topete

1,3261 gold badge9 silver badges15 bronze badges

Comments

L0uis · Accepted Answer · 2018-07-05 20:29:25Z

0

You can call the function returned , adding parens:

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head> 
    <script type="text/javascript"> 
        function foo() {
            var idy = document.getElementsByClassName("mstrmojo-DocTextfield-valueNode")[0].onclick;
            console.log(idy); 
            idy();//like so
        }
        function alertMe() {
            alert('Hello');
        }
    </script>
</head>
<body>
    <button id="btn" class="mstrmojo-DocTextfield-valueNode" onclick="alertMe();">No click</button>
    <button id="btn2" onclick="foo()">Click me</button>

</body>
</html>

answered Jul 5, 2018 at 20:29

L0uis

7295 silver badges9 bronze badges

Collectives™ on Stack Overflow

Javascript Execute onclick event stored in variable

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related