ansaurus

Question

Answer 1

+1 A:

You should have something like this:

$('body').click(function() {
   // do something here
});

The callback function will be called when the user clicks somewhere on the web page. You can trigger the callback programmatically with:

$('body').trigger('click');

kgiannakakis 2009-05-28 08:07:00

I've already done what u've mentioned..When I personally click anywhere on the page, the click Handler works perfectly

ruturaj 2009-05-28 08:08:26

do you mean you're trying to _fire_ the event? instead of firing the event, why not call the function your click handler would?

Jonathan Fingland 2009-05-28 08:12:12

yes I'm trying to fire the event, I want to simulate a click on the body.

ruturaj 2009-05-28 08:53:06

I'm writing a unit test using QUnit (http://docs.jquery.com/QUnit) and hence I've got to fire the event and then check if the handler worked as it was supposed to work.

ruturaj 2009-05-28 09:11:30

trigger('click') works for me both in Firefox and IE

kgiannakakis 2009-05-28 09:38:16

Answer 2

A:

I've used the following code a few times and it works sweet:

$("body").click(function(e){
  //you can then check what has been clicked
  var target = $(e.target);  
  if (target.is("#popup")) {
  }
}

Fermin 2009-05-28 08:08:45

Answer 3

+1 A:

interestingly.. when I replaced

$("body").trigger("click")

with

jQuery("body").trigger("click")

IT WORKED!!!

ruturaj 2009-05-28 10:56:09

that indicates to me then that you're using other JavaScript frameworks on the page that also have a $() shorthand defined function.

Russ Cam 2009-09-14 09:44:15

Answer 4

A:

if all things were said didn't work, go back to basics and test if this is working:

<html>
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"&gt;&lt;/script&gt;
  </head>
  <body>
    <script type="text/javascript">
      $('body').click(function() {
        // do something here like:
        alert('hey! The body click is working!!!')
      });
    </script>
  </body>
</html>

then tell me if its working or not.

Seeker 2010-09-06 16:53:44

hmmm... just note u answer your own question X). anyway u can do alert($.toString()); to give you a clue of what is the other "plugin" that is interfering with jQuery.

Seeker 2010-09-06 23:27:01

ansaurus

tags:

views:

answers:

trigger body click with jQuery

related questions