ansaurus

Question

Answer 1

A:

Whether or not this is a great idea, you can attack a listener to <body> since Javascript events bubble up the DOM tree unless you do otherwise. Here's how I'd do it with jQuery:

$('body').click(function (event)
{
    var $target = $(event.target);
    if ($target.is('a, :button'))
    {
        // your logic here
    }
});

Matt Ball 2010-06-19 23:34:15

Answer 2

+3 A:

            $(document).ready(function(){
              $("a,:button").click(function(){
               alert("Link or button clicked!");
              });
            });

Babiker 2010-06-19 23:42:13

+1 for jQuery. It just make everything easier.

ckramer 2010-06-19 23:47:12

+0 for not mentioning that it's JQuery

Mystere Man 2010-06-20 00:14:12

works for link clicked, but button clicked it does not work!

K001 2010-06-20 02:28:38

Answer 3

A:

I think "Babiker's" solution is better than "Bears will eat you" because it calls the event handler only when link of button is clicked whereas in the other case, it calls for all the click events on the page and checks if the element clicked was a link or button.

Babiker's solution is more optimized.

Note, this wont work for any elements added in future.

You might wanna try this.

$("a, button").live("click", function(){ ... });

Ashit Vora 2010-06-20 03:53:13

Answer 4

A:

"<script type=""text/javascript"" src=""http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js""&gt;&lt;/script&gt;  

<script type=""text/javascript""> 
    $(document).ready(function(){
        $('body').click(function() {
           // do something here
        //alert(""Link or button clicked!"");
        });
    });
</script>"

K001 2010-06-24 03:53:13

ansaurus

tags:

views:

answers:

How to catch link or button click?

related questions