Форум

Yellow79 · #1 (**permalink**) 11.05.2010, 18:40

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

Орёл · #2 (**permalink**) 11.05.2010, 20:17

Yellow79 · #3 (**permalink**) 11.05.2010, 20:27

Сообщение от Орёл

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

Орёл · #4 (**permalink**) 11.05.2010, 20:37

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

Yellow79 · #5 (**permalink**) 11.05.2010, 20:50

Сообщение от Орёл

да и кто будет быстро проводить мышкой

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

Gvozd · #6 (**permalink**) 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 · #7 (**permalink**) 11.05.2010, 22:04

Сообщение от Gvozd

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

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

Форум

Справочник

Discord чат

Курсы javascript