Search jQuery

jQuery Forum

Using jQuery

mauricede..

Where to put my missing .mouseover() to get the mouse position?

in Using jQuery • 12 years ago

Hi,

After some reading from this tutorial, I have the following partly working code:

$(document).bind ("found_match", function(e){
$('#status2').html(e.pageX +', '+ e.pageY);
});

When the event: "found_match happens", it should show the mouse coordinates in the div: "status2" , but it doesn't. Obviously because I am missing the .mousover(). But where to put this in my code to make it work so that it wil show the mouse coordinates on this event?

Many thanks

Replies(3)

kbwood.au

Re: Where to put my missing .mouseover() to get the mouse position?

12 years ago

Track the mouse position independently and use it when needed:

$(function() {
var mousePos = [0, 0];
$(document).mouseover(function(e) {
mousePos = [e.pageX, e.pageY];
}).
bind('found_match', function(e) {
$('#status2').html(mousePos[0] + ', ' + mousePos[1]);
});
});

mauricede..

Re: Where to put my missing .mouseover() to get the mouse position?

12 years ago

Thank you for your reply. Your code works, but the coordinates are not accurate. To test this I have hidden the div #status2 with position absolute. On match the div has to show where the mouse was. I have created the following code for this:

$(function() {
var mousePos = [0, 0];
$(document).mouseover(function(e) {
mousePos = [e.pageX, e.pageY];
}).
bind('found_match', function(e) {
$('#status2').html(mousePos[0] + ', ' + mousePos[1]);
$("#status2")
.hide()
.css({
top: mousePos[1],
left: mousePos[0],
opacity: 1,
marginTop: 0
})
.show()
.stop();
});
});

Result, the div shows, but sometimes just above the mouse, on the next match just right of the mouse and sometimes under the mouse, it's cute random where it shows the div. It does show it near or even on the mouse, but never at the same position (lets say always above the mouse). I would expect the div to always show at the same position of the mouse itself. How to fix this?

kbwood.au

Re: Where to put my missing .mouseover() to get the mouse position?

12 years ago

Use mousemove instead of mouseover.

Top Reply

Response title

Attachments

jQuery Forum

Where to put my missing .mouseover() to get the mouse position?

Replies(3)

Re: Where to put my missing .mouseover() to get the mouse position?

Re: Where to put my missing .mouseover() to get the mouse position?

Re: Where to put my missing .mouseover() to get the mouse position?

Statistics

Tags

Actions