乌徒帮技术范WEB开发jQuery › jquery获取鼠标位置与获取鼠标当前位置

jquery获取鼠标位置与获取鼠标当前位置

分类:jQuery

题目是一个看似有点矛盾的问题,但是在实际代码的撰写中,却确实遇到了这两个不同的概念。本文用最简短的代码,阐述jquery获取鼠标位置与获取鼠标当前位置的不同之处与实现方法。

jquery获取鼠标位置是一个笼统的概念,这个位置可以是相对位置(相对于当前容器),也可以是绝对位置(相对于页面或窗口),在获取这些位置时,使用了不同的方法,本文只介绍最为简单的。

鼠标获取当前位置,我理解为相对位置,我们使用的是下面的这段代码:

$(document).mousemove(function(e) {

var xx = e.originalEvent.x || e.originalEvent.layerX || 0;

var yy = e.originalEvent.y || e.originalEvent.layerY || 0;

});

选择器可以自己选择,例如$('#test'),则会获取相对#test的位置,而如果像上面一样使用$(document)则会根据页面元素的变化而选择不同的容器。

鼠标获取绝对位置,即相对页面或窗口的位置,我们可以用到下面的代码:

$(document).click(function($e){

var $mouse_x = $e.pageX;

var $mouse_y = $e.pageY;

});

我利用这段代码,和其他获取值进行运算,得到更多的位置判断条件。

$(document).click(function($e){

var $mouse_x = $e.clientX;

var $mouse_y = $e.clientY;

});

这段代码未经验证,读者可以自己尝试。

填写个人信息,赶快回复吧!