How can an event on an HTML be called from a place other than the event itself

Question

I have a dynamically generated Button element in my HTML that does a refresh:

<button id="b4545" type="button" onclick="ae(1657,1693,10,event.target);" title="Refresh the data">Refresh</button>

I would like to call the onclick event that it dynamically generates from a routine that has nothing to do with the actual mouse click event.

Is it possible to (for instance) get a reference to the button via the id (which is known) and then fish out the JS from the onclick event - and then call it?

OR - can I generate a fake onclick event for that Button?

Any ideas?

That may be the only way to go, but I know that JS has strange and useful capabilities. I was just hoping that there was a way to just "click" the button from code. — Scott Savage, Dec 02 '18 at 17:19

John · Accepted Answer · 2018-12-02T18:09:23.037

1

For dynamically generated buttons you can use for example

$("#myButtonId").trigger("click");

over the element

edited Dec 02 '18 at 18:09

answered Dec 02 '18 at 18:04

John

1,711
2
29
42

The question is asking how to **call the function**, not how to define it without using the onclick attribute. – Quentin Dec 02 '18 at 18:05
I was writing the question and submitted before time, sorry :S – John Dec 02 '18 at 18:13

score -1 · Answer 2 · answered Dec 02 '18 at 17:17

-1

You can trigger the onClick event. If you are using jquery use

$(#btnId).trigger()

answered Dec 02 '18 at 17:17

Hari Prathap

102
7

That looks like what I need! Let me give it a try. – Scott Savage Dec 02 '18 at 17:20
Refer similar question here https://stackoverflow.com/questions/347512/fake-click-to-activate-an-onclick-method – Hari Prathap Dec 02 '18 at 17:21
2

`trigger()` requires arguments – charlietfl Dec 02 '18 at 17:48
1

String literals require quotes – Quentin Dec 02 '18 at 18:06

How can an event on an HTML be called from a place other than the event itself

2 Answers2