Print offset for an event in jQuery

Description

The following code shows how to print offset for an event.

Example


<!--from   w ww.j  a va 2 s.  c om-->
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("*", document.body).click(function (e) {
var offset = $(this).offset();
e.stopPropagation();
alert(this.tagName + " coords ( " + offset.left + ", " +offset.top + " )");
});
});
</script>
</head>
<body>
<b>Hello java2s.com java2s.com</b>
</body>
</html>

Click to view the demo

The code above generates the following result.

Print offset for an event in jQuery
Home »
  Javascript Tutorial »
    jQuery »
      jQuery CSS
...
Display the left and top properties returne...
Get class attribute in jQuery
Get height for a selected element in jQuery
Get height for the whole document in jQuery
Get inner height for a div in jQuery
Get outer width including margin in jQuery
Get the background color and create a new s...
Get the element background color in jQuery
Get the height for a tag in jQuery
Get the inner width for a div element in jQ...
Get the offset of last b tag in jQuery
Get the out height of a div element in jQue...
Get the outer width of an element in jQuery
Get the scroll bar horizontal position in j...
Get the scroll top offset in jQuery
Get the top and left position in jQuery
Get the whole document height in jQuery
Get the window height in jQuery
Print offset for an event in jQuery
Remove class from the first paragraph in jQ...
Remove the class attribute from selected di...
Reposition an element with .offset() and co...
Set background color for a form element in ...
Set background color for first table row in...
Set background color in jQuery
Set background color to blue in jQuery
Set border for form element in jQuery
Set class attribute in jQuery
Set css defined in an array in jQuery
Set cursor to auto in jQuery
Set height for a div element in jQuery
Set height for an element to a given value ...
Set height then change style in jQuery
Set more than one CSS properties with assoc...
Set style for all selected tag and then set...
Set text color for selected form input in j...
Set the horizontal position of the scroll b...
Set the width with width function in jQuery
...