Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   проверка положения мыши (https://javascript.ru/forum/css-html/9338-proverka-polozheniya-myshi.html)

Yellow79 11.05.2010 18:40

проверка положения мыши
 
Здраствуйте всем, возник вопрос, как проверить находится ли курсор мыши над DIV-ом который позиционирован абсолютно?
onMouseOut не катит
пробовал писать через координаты мыши + высота(ширина дива) но ЯваСкрипт никак не хочет производить математические действия между числом и строкой(400 + 250px = NAN), писать дополнительно функцию убирания из строки(250px) букв "px" и преобразование строки в число слишком громоздко, уважаемые форумчане, может есть какой то другой способ проверить находится ли курсор над DIV-ом?

Орёл 11.05.2010 20:17

<div id="ly" onmouseover="alert('Вы навели на DIV')">

</div>

Yellow79 11.05.2010 20:27

Цитата:

Сообщение от Орёл
<div id="ly" onmouseover="alert('Вы навели на DIV')">

не катит тут такой вариант. немного подробней опишу суть, имеется скрипт, который в контенте ищет отпределённые слова и выделяет их, при наведении на них появляется баннер, когда уводишь мышь с баннера баннер пропадает. С онМаусОвер и онМаусАут всё работает отлично во всех браузерах и без проблемм. Но если провести по выделенному слову очень быстро, то баннер появляется а событие онМаусАут отработать не успевает, в итоге баннер висит себе и висит, до тех пор пока не наведёшь и сново не уберёшь мышь с него. Я сам по себе больше ActionScript программист, там есть функция hitTest, думаю и в JavaScript должна быть подобная функция, так как языки очень похожи.

Орёл 11.05.2010 20:37

У меня всё нормально работает,да и кто будет быстро проводить мышкой

Yellow79 11.05.2010 20:50

Цитата:

Сообщение от Орёл
да и кто будет быстро проводить мышкой

суть не в том кто будет, суть в том как убрать если этот кто то будет???

Gvozd 11.05.2010 21:58

<html>
<body>
qwe<br />
qwe<br />
<div style="background-color:green;" id="test">
qwe<br />
qwe<br />
qwe<br />
qwe<br />
</div>
qwe<br />
qwe<br />
<hr />
<div id="console"></div>
<script type="text/javascript">
(function(){
var div=document.getElementById('test');
var console=document.getElementById('console');
div.onmouseover=function(){console.innerHTML+='over<br />'}
div.onmouseout=function(){console.innerHTML+='out<br />'}
})()
</script>
</body>
</html>

что-то у меня не получается быстро провести мышкой

Yellow79 11.05.2010 22:04

Цитата:

Сообщение от Gvozd
что-то у меня не получается быстро провести мышкой

Видите ли, уважаемый Gvozd, у вас уже есть на странице DIV на события которого вешается код, а в моём случаи, данный DIV появляется при наведении на выделенное слово, а событие онМаусАут стоит у же на вновь появившемся DIV-e
тут попробуйте провести быстро мышкой, в тексте выделены слова малиновым цветом


Часовой пояс GMT +3, время: 09:57.