JavaScript: How to find out the position of the mouse in the div box?
I know how to find out the position of the mouse relative t开发者_运维百科o the top-left corner of the browser window, but I don't know how to do so relative to the top-left corner of the div box.
Try the follow Javascript function.
var IE = document.all?true:false
if (!IE) {
document.captureEvents(Event.MOUSEMOVE);
}
function getMousePosition(e) {
if (IE) {
var X = event.clientX + document.body.scrollLeft
var Y = event.clientY + document.body.scrollTop
} else {
var X = e.pageX
var Y = e.pageY
}
if (X < 0) {
X = 0
}
if (Y < 0) {
Y = 0
}
alert("X : "+ X +" Y: "+ Y);
}
document.onmousemove = getMousePosition;
If you get the top-left corner of the div box, you can just subtract this from the screen coordinates of the mouse.
According to this page, there are 6 pairs of coordinate. You may try them. I guess the right one might be clientX,clientY
.
Hope this helps.
精彩评论