2015.10.9JS (page coordinates)

About JS Mouse events Comprehensive browser can get the properties of the coordinates

1.page with the scrollbar change (Pagey will increase the distance of scroll bar scrolling), Compatibility: Except IE6/7/8 not supported, the rest of the browser support;

2.clientx/y gets the trigger point relative to the upper-left corner of the viewable area of the browser (does not change with the page scrolling, Clieny does not increase), compatibility: all browsers support;

3.screenx/y gets the distance that the trigger point is relative to the upper-left corner of the display screen and does not change with the page scrolling, compatibility: all browsers support

The code for compatible Pagex in jquery is as follows
if (Event.pagex = = NULL && EVENT.CLIENTX! = null) {
var doc = document.documentelement, BODY = document.body;
Event.pagex = Event.clientx + (Doc && Doc.scrollleft | | body && Body.scrollleft | | 0)-(Doc && do C.clientleft | | Body && Body.clientleft | | 0);
Event.pagey = Event.clienty + (Doc && Doc.scrolltop | | body && Body.scrolltop | | 0);
}

2015.10.9JS (page coordinates)