Add load listener

Hey guys how can i add eventlistener in stimulus way something like this

var div = document.getElementsByTagName("div")[0];
// does not work (console is not written to when page loads)...
div.addEventListener("load", function(){console.log("div load event")}, false);

[robzolkos]

Have you tried connect function? This gets called when the dom element connects to stimulus.

[javan]

To achieve in this raw javascript, i can achieve it to add load eventListener to the element itself

There is no load event for non-media elements (like <div>s). Are you referring to the window load event?

putting them connect does not fit to my problem here, because it will try to re-render again and again the action for the others too at the same time

Stimulus doesn’t do any rendering of its own so I’m not sure what you’re referring to here.

I was trying to achieve to trigger controller action automatically when element is loaded in html page

Stimulus provides two callbacks for that, initialize() and connect(), documented here: https://stimulusjs.org/reference/lifecycle-callbacks

---

The best place for questions like this is our community forum: https://discourse.stimulusjs.org. Feel free to continue the discussion there.