Trigger a click event with own parameters (JavaScript first, alternative JQuery)

Question

I'm looking for a way to pass parameters to the event handler (addEventListener) when the click event of e. g. an button is triggered by code. My solution is to add an own attribute to the element itself, like document.getElementById("ButtonId").MyAttribute = MyValue ; document.getElementById("ButtonId").click() ;

But I'm really interested in other solutions which should use first off all only JavaScript and then as an alternative JQuery. I'm aware of the JQuery event.data object, but maybe there are other solutions.

Many thanks and greetings
ANTLRStarter

robbymarston · Accepted Answer · 2014-02-20 00:31:57Z

1

The data object is the way to go. If you'd rather use pure JavaScript you could simply leverage HTML5's data-* attribute (http://www.w3schools.com/tags/att_global_data.asp).

answered Feb 20, 2014 at 0:31

robbymarston

3563 silver badges17 bronze badges

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

2 Comments

ANTLRStarter Over a year ago

That's really an interesting approach. Haven't been aware of that HTML5 feature. Many thanks for that hint.

robbymarston Over a year ago

@ANTLRStarter you're welcome. If you find it ended up being the best answer please mark it as such, thanks :)

ydoow · Accepted Answer · 2014-02-20 00:34:29Z

1

You may want to create the javascript function with parameter passing, and use addEventLister with your own parameter(s)

// javascript function with parameter passing
function myFunctionA(p1) {
  // code
}

var v1 = document.getElementById("ButtonId");
v1.addEventListener("click", function(){myFunctionA("myParameter")}, false);

answered Feb 20, 2014 at 0:34

ydoow

2,9964 gold badges27 silver badges42 bronze badges

1 Comment

ANTLRStarter Over a year ago

Yep, but how/where can I assign the value of myParameter?

Collectives™ on Stack Overflow

Trigger a click event with own parameters (JavaScript first, alternative JQuery)

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related