Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.66/89: Рейтинг темы: голосов - 89, средняя оценка - 4.66
191 / 191 / 29
Регистрация: 03.12.2009
Сообщений: 853
1

Проверить, наведен ли курсор мышки на элемент

23.04.2013, 15:47. Показов 18186. Ответов 19
Метки нет (Все метки)

Знаю Id элемента, как проверить наведен ли курсор на него?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
23.04.2013, 15:47
Ответы с готовыми решениями:

програмно узнать наведён ли курсор на Button
как программно узнать наведён ли на кнопку (Button) курсор? не путать с if (button.Focused)

URL ссылки, на которую наведен курсор
Ребят, подскажите. Как получить url ссылки, на которую наведен курсор? Суть задачи в том, что...

Показать картинку, если на нее наведен курсор
Здравствуйте! Необходимо написать код, который бы показывал PictureBox1, если курсор находится на...

RichTextBox - определить строку, на которую наведен курсор
Всем привет. Можно ли как-нибудь определить строку на которую наведен курсор мыши? Заранее спс.

19
Дзен-программист
120 / 85 / 16
Регистрация: 10.04.2013
Сообщений: 253
23.04.2013, 15:57 2
da1z, можно постоянно отслеживать координаты мыши, а при необходимости проверки брать координаты, ширину и высоту элемента - и сравнивать: если координаты мыши принадлежат области координат элемента - то курсор наведён.
1
191 / 191 / 29
Регистрация: 03.12.2009
Сообщений: 853
23.04.2013, 16:07  [ТС] 3
Цитата Сообщение от xenohunter Посмотреть сообщение
можно постоянно отслеживать координаты мыши
Как?)

Добавлено через 1 минуту
Цитата Сообщение от xenohunter Посмотреть сообщение
брать координаты
Как узнать координаты?
0
Дзен-программист
120 / 85 / 16
Регистрация: 10.04.2013
Сообщений: 253
23.04.2013, 16:12 4
da1z, координаты вот так:

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
var mouseCoords = {
 
    x: 0,
    y: 0,
 
    set: function (e) {
 
        if (e.pageX && e.pageY) {
 
            this.x = e.pageX;
            this.y = e.pageY;
 
        } else if (e.clientX && e.clientY) {
 
            this.x = e.clientX+(document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
            this.y = e.clientY+(document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
 
        } else {
 
            this.x = 0;
            this.y = 0;
 
        }
 
    }
 
};
 
document.onmousemove = function (e) {
 
    e = e || window.event;
    MouseCoords.set(e);
 
}
1
425 / 167 / 48
Регистрация: 05.12.2012
Сообщений: 855
23.04.2013, 16:13 5
da1z, поставьте на этот элемент mouseover)
2
Дзен-программист
120 / 85 / 16
Регистрация: 10.04.2013
Сообщений: 253
23.04.2013, 16:15 6
JsLoveR, да, вы правы, это лаконичнее...
1
:)
134 / 134 / 31
Регистрация: 30.03.2013
Сообщений: 428
23.04.2013, 16:16 7
HTML5
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
    <title>:)</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="mouse.js"></script>
</head>
<body>
    <a href="#" id="elementid">Ссыль :)</a>
</body>
</html>
mouse.js
Javascript
1
2
3
4
5
6
$(function () {
    var elementid = $('#elementid');
    elementid.mouseover(function () {
        alert(':)');
    });
});
2
191 / 191 / 29
Регистрация: 03.12.2009
Сообщений: 853
23.04.2013, 16:21  [ТС] 8
mouseover не подходит
0
:)
134 / 134 / 31
Регистрация: 30.03.2013
Сообщений: 428
23.04.2013, 16:22 9
А что подходит?
0
191 / 191 / 29
Регистрация: 03.12.2009
Сообщений: 853
23.04.2013, 16:28  [ТС] 10
Mouseover подходит, но не подходит вариант установить его.
Вообщем у меня есть Asp контрол у которого нету эвента mouseover, но на странице он отображается как div с кучей вложенных элементов, вот мне надо как то этому диву присвоить mouseover. Вообщем какие есть идеи как решить это?
0
Дзен-программист
120 / 85 / 16
Регистрация: 10.04.2013
Сообщений: 253
23.04.2013, 16:32 11
da1z, а координаты у этого контрола есть? Либо можно его обернуть в div и этому div присвоить onmouseover (если это реализуемо - я просто не сталкивался никогда с ASP).
1
:)
134 / 134 / 31
Регистрация: 30.03.2013
Сообщений: 428
23.04.2013, 16:48 12
Можно с помощью Javascript обработать событие (сделал выше) и отправить соотвествующие данные серверу, а там уже серверные скрипты обработают запрос и сделают то, что нужно... Сойдет?)
1
191 / 191 / 29
Регистрация: 03.12.2009
Сообщений: 853
23.04.2013, 16:53  [ТС] 13
Сойдет любой вариант, лижбы работал. Мне вообщемто на сервере не обязательно, чтото делать, мне будет достаточно запустить другой JS на клиентской стороне.
Цитата Сообщение от PlumBoom Посмотреть сообщение
$(function () { var elementid = $('#elementid'); elementid.mouseover(function () { alert(''); }); });
Вставил это в
Javascript
1
2
3
4
 <script type="text/javascript">
        //<!CDATA[
        //]]>
    </script>
Поменял айди на свой , но ничего не произошло когда я наводил на элемент, что я делал не так?
0
Дзен-программист
120 / 85 / 16
Регистрация: 10.04.2013
Сообщений: 253
23.04.2013, 17:04 14
da1z, а этот элемент в DOM сразу загружается или как-то динамически после завершения загрузки страницы? А то попробуйте on вместо mouseover:

Javascript
1
2
3
elementid.on('mouseover', function () {
    alert('!');
});
1
191 / 191 / 29
Регистрация: 03.12.2009
Сообщений: 853
23.04.2013, 17:53  [ТС] 15
не работает
0
супермизантроп
Эксперт JS
3870 / 2944 / 685
Регистрация: 18.04.2012
Сообщений: 8,567
23.04.2013, 18:30 16
не работает потому, что коллега xenohunter некоторым образом рамсы попутал ввёл вас в заблуждение

on - это функция библиотеки JQuery
чтобы эту функцию использовать, надо сначала библиотеку JQuery подключить
а он об этом не написал
------

1. если вашу задачу сформулировать так:
-- необходимо в любой момент времени узнать - находится ли курсор мыши над тегом с известным id или не находится

то тогда способ решения следующий:
-- определяем абсолютные координаты области тега (две горизонтальные координаты и две вертикальные)
-- определяем координаты положения курсора
-- если координаты курсора находятся в области тега, то "да", в противном случае - "нет"

2. если же перед вами стоит другая задача, а именно:
-- получить сигнал о том, что курсор переместился в область над тегом с известным id

то тогда просто навешиваете на этот тег обработчик события onmouseover
1
191 / 191 / 29
Регистрация: 03.12.2009
Сообщений: 853
23.04.2013, 18:35  [ТС] 17
не получается навесить, вот в чём проблема
0
супермизантроп
Эксперт JS
3870 / 2944 / 685
Регистрация: 18.04.2012
Сообщений: 8,567
23.04.2013, 18:48 18
в HTML-коде имеете <ТЕГ id="myID">чего-то там</ТЕГ>

варианты "навешивания":
1) пишете прямо в теге <ТЕГ id="myID" onmouseover="myFunc ()">чего-то там</ТЕГ>

2) создаёте скриптовой блок, который располагаете в коде ПОСЛЕ этого самого тега (чтобы браузер уже знал о существовании тега с id="myID") <script>document.getElementById ('myID').onmouseover = myFunc;</script>

3) создаёте скриптовой блок в хедере страницы (между тегами <head> и </head>) <script>onload = function () {document.getElementById ('myID').onmouseover = myFunc}</script>

для любого из трёх вариантов вы должны иметь определение этой самой "навешиваемой" функции myFunc () в каком-нить скриптовом блоке, который расположен в коде РАНЬШЕ, чем эта функция "навешивается" <script>function myFunc () {то_что_эта_функция_делает}</script>
1
191 / 191 / 29
Регистрация: 03.12.2009
Сообщений: 853
26.04.2013, 12:30  [ТС] 19
А можно какнибудь замутить чтобы это событие срабатывало, когда я навожу на сам эелемент и на любой который вложен в него, а не только непосредственно на него
0
0 / 0 / 0
Регистрация: 18.10.2015
Сообщений: 43
27.03.2018, 17:15 20
Чуваки, это делается легко:
Ставим на document событие перемещения мыши, в котором постоянное обновляется глобальная переменная target = event.target;
В любой момент мы можем обратиться к target.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
27.03.2018, 17:15

На какой Item в listBox наведен курсор мыши
Подскажите, пожалуйста, как определить на какой Item в listBox наведен курсор мыши.

Slick slider. Сделать автоматическое пролистывание слайдов только пока курсор наведён на слайдер.
Здравствуйте всем! Помогите пожалуйста настроить slick слайдер Проблема в том, что нужно сделать...

Как через код отобразить картинку в ToolTip которая загружена в image на которую наведен курсор?
У меня есть динамически созданные Image со стандартным изображением. В них я загружаю картинку. Мне...

Как проверить сколько по времени курсор удерживается на элемент
Доброго времени суток! Подскажите как сделать чтобы если курсор находится на элементе 1 секунду то...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
20
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru