jQuery « jQuery координаты курсора
Требуется получать координаты курсора через определенный интервал времени, написал функцию
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }
var offset = $('.bg', $trafaret).offset();
function startInterval(){
setInterval(function(){
function (e){
var relativeX = (e.pageX - offset.left);
var relativeY = (e.pageY - offset.top);
$('#debug').html("x=" + relativeX + "; y= " + relativeY);
};
}, 1000);
};
startInterval();
Не могу понять почему не работает. С событием mousemove() работает.
Подскажите как сделать правильно.
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }
var offset = $('.bg', $trafaret).offset();
function startInterval(){
setInterval(function(){
function (e){
var relativeX = (e.pageX - offset.left);
var relativeY = (e.pageY - offset.top);
$('#debug').html("x=" + relativeX + "; y= " + relativeY);
};
}, 1000);
};
startInterval();
Не могу понять почему не работает. С событием mousemove() работает.
Подскажите как сделать правильно.
1 ответов
Все это дело разбить на две половинки, одна определяет курсор, другая выводит его коррдинаты переодически:
var
MyX = 0,
MyY = 0,
MyOffset = $('.bg', $trafaret).offset(),
MyTimer = setInterval(
function () {
$(debug).html("x=" + this.x + "; y= " + this.y);
},
1000
);
$(document).mousemove( // Может куда в другое место прилепить обработчик ?
function (e) {
MyX = e.pageX - MyOffset.left;
MyY = e.pageY - MyOffset.top;
return true;
}
);