Home/ Questions/Q 3350898
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T01:50:35+00:00

I’m trying to create a universal handler for my buttons, but the following code

  • 0

I’m trying to create a universal handler for my buttons,
but the following code doesn’t seem to recognize the event targets,
and instead spits out the target.toString() == the current page URL?

html:

<a id="button1" href="#"></a>
<a id="button2" href="#"></a>

jquery/javascript:

function myHandler(e) {

   if (e.target == $("#button1")) 
      alert("Button 1 clicked");
   else if (e.target == $("#button2")) 
      alert("Button 2 clicked");
   else
      alert(e.target.toString());
}

$("#button1").click(myHandler);
$("#button2").click(myHandler);
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    function myHandler(e) {

   if (e.target.id == "button1")
      alert("Button 1 clicked");
   else if (e.target.id == "button2")
      alert("Button 2 clicked");
   else
      alert(e.target.toString());
}

$("#button1").click(myHandler);
$("#button2").click(myHandler);

    your code cannot work because you are comparing the target event with a jQuery object

    Live example: http://jsfiddle.net/fcalderan/7b53z/

    • 0