Ответ 1
mouseover должен сделать трюк.
$('.tags').mouseover(function() {
alert(this.id);
});
Обратите внимание, что если вы хотите знать, когда уходит и мышь, вы можете использовать hover.
У меня есть куча элементов, которые выглядят так:
<span class='tags' id='html'>html</span>
<span class='tags' id='php'>php</span>
<span class='tags' id='sql'>sql</span>
Как мне получить имя id того, на котором я наводил курсор, поэтому я мог бы вывести что-то вроде "Вы наводите курсор на тег html". (То, что я хочу сделать, не так произвольно, но мне нужно получить имя тега, который пользователь наводит, чтобы сделать это.)
mouseover должен сделать трюк.
$('.tags').mouseover(function() {
alert(this.id);
});
Обратите внимание, что если вы хотите знать, когда уходит и мышь, вы можете использовать hover.
$('.tags').hover(
function() { console.log( 'hovering on' , $(this).attr('id') ); },
function() {}
);
Вторая пустая функция для мыши, вы, вероятно, захотите что-то сделать и на этом событии.
Эти решения по-прежнему возвращали мне пустое предупреждение. Для меня, после работы, когда я обработал объект события, переданный функции зависания:
$(".input-box").hover(function(eventObj) {
alert(eventObj.target.id);
});
Use this one:-
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").hover(function(){
//if get onhover id
alert("NOW GET ON HOVER ID NAME:--"+" "+this.id);
//if get onhover class
alert("NOW GET ON HOVER CLASS NAME:--"+" "+$(this).attr('class'));
});
});
</script>
</head>
<body>
<p class="getclass" id="get_class_id" >Hover the mouse</p>
</body>
</html>