mousemove не работает должным образом

Я пытаюсь переместить div, используя JQuery .mousemove(), но его правильная работа только в 1-й раз мыши, введите div#container. Моя цель - переместить div#hello в любом месте внутри div#container курсор перемещается. Пожалуйста, проверьте мой код sample и, пожалуйста, помогите, если я что-то упустил.mousemove не работает должным образом

источник

2014-09-04 The_ehT

Проблема заключается в том, что 'animate' дорого и ваш слушатель вызывает его несколько десятков раз в секунду, как вы переместите мышь. Если вы переместите указатель мыши сверху или снизу в середину элемента, вы увидите, работает ли он отлично. – apsillers

Спасибо за ответ, но есть ли другой способ, я могу это сделать? –

Попробуйте сделать анимацию занятой меньше времени. Что-то вроде '$ (this) .animate ({left: e.pageX}, 10);' в вашей скрипке. – flowstoneknight

вы должны добавить контейнер DIV в ваш HTML
вы должны связать событие «контейнер» не «привет» ДИВО
вы можете манипулировать CSS функции «Привет» дел.

вы найдете код here

$("#container").mousemove(function (e) { 
$("#result").text(e.pageX + ',' + e.pageY); 
$("#hello").css('left', e.pageX); 
$("#hello").css('top', e.pageY); 
});

источник

2014-09-04 20:22:38 ercn

Попробуйте это:

HTML

<div id="container"> 
    <div id="hello">Hello</div> 
</div>

$("#container").mousemove(function (e) { 
if((e.pageX<365)&&(e.pageY<190)) 
{ 
    $("#hello").animate({left:e.pageX},0); 
    $("#hello").animate({top:e.pageY},0); 
} 
});

CSS

#hello { 
    position:absolute; 
} 
#container { 
    width:400px; 
    height:200px; 
    border:1px solid blue; 
}

DEMO

источник

2014-09-04 21:05:04

mousemove не работает должным образом

ответ

Смежные вопросы