DeeDi - трезвые записки

mousemove

Связывает функцию с событием mousemove для выбранных элементов. Это событие активируется, когда указатель двигается над областью элемента. Обработчику события передается одна переменная - объект события. В свойствах .clientX и .clientY находятся координаты указателя.
В примере нажимаем на текст мышью, после того, как кнопка мыши будет отпущена, добаляем некоторый контент:

$(document).ready(function() {
$("#example_j").mousemove(function(e){
Coords = "( "+e.clientX+", "+e.clientY+" )";
$("#example_j + span").text("Координаты: " + Coords);
});
});
Пример:
Перемещайте курсор по выделенной области
HTML/CSS :
<style type="text/css">
#example_j {border:solid 1px #999; margin-bottom:10px; padding:5px; height:100px; background: #FFC}
</style>
<div id="example_j">
Перемещайте курсор по выделенной области
</div>
<span></span>

Боковой текст: