Appending an OnClick Event to an Existing JavaScript Button

Question

I'm looking to append some JavaScript to the onclick of a button on the server side. So something like

 //b is a button
 b.Attributes.Add("onclick", "my.js.here();");

but without eliminating any potentially existing onclick event on that button.

EDIT: The above represents a codebehind file (in C#) that attempts to add an additional event listener to a client side button that already might have an onclick event.

There is only one onclick event, and only one bit of code that can be executed on that event. Perhaps you could join on a parent object and get the bubble up event, but that doesnt work for every object/call. — crthompson
– crthompson, Commented Jul 28, 2014 at 19:46
Could it be that you are trying to register a javascript click event in codebehind? — crthompson
– crthompson, Commented Jul 28, 2014 at 19:50
Yes, codebehind. Sorry for the confusion. I modified the question to clarify. — muttley91
– muttley91, Commented Jul 28, 2014 at 19:52
Well, setting a click event in the codebehind is not difficult. But you still dont get the option of keeping your existing clicks. Only one task per click. — crthompson
– crthompson, Commented Jul 28, 2014 at 19:54
I believe that this answer i wrote will suit you. stackoverflow.com/a/22970430/2589202 — crthompson
– crthompson, Commented Jul 28, 2014 at 19:56

Community · Accepted Answer · 2017-05-23 12:34:38Z

1

I would generally try to avoid subscribing to JavaScript events using attributes. Instead, I would opt for addEventListener or some abstraction on top of that (like jQuery's .click handler). For example, continuing with the jQuery, you could use this JavaScript in your ASPX page:

$('#yourButtonId').click(function() {
      my.js.here();
 });

That has several advantages, the main of which you can add handlers without stomping on one that already exists.

You could try and do something like getting the attribute's existing value, then prepending it with my.js.here();, but that seems like a less-than-ideal solution.

edited May 23, 2017 at 12:34

CommunityBot

11 silver badge

answered Jul 28, 2014 at 19:48

vcsjones

142k34 gold badges300 silver badges294 bronze badges

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

1 Comment

muttley91 Over a year ago

Do you mean to call this JavaScript from the server side?

user3851829 · Accepted Answer · 2014-07-29 10:57:51Z

0

Use the below method

$("#AuthorityLevel").find("a").attr('onclick','my.js.here();');

answered Jul 29, 2014 at 10:57

user3851829

Collectives™ on Stack Overflow

Appending an OnClick Event to an Existing JavaScript Button

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related