jQuery: Наведение курсора на элемент

Наведение курсора на элемент. Для примера отслеживаем средствами jQuery наведение на объект дерева DOM с классом obj.

Проверить код на jsfiddle.net

 

$(function(){

	// #1 вариант (события не всплывают)
	$(".obj")
	.mouseenter(function() {
		 // навели курсор на объект (не учитываются переходы внутри элемента)
	})
	.mouseleave(function(){ 		
		// отвели курсор с объекта (не учитываются переходы внутри элемента)
	});


	// #2 вариант (события всплывают)	 
	$(".obj")
	.mouseover(function() {
		 // навели курсор на объект	
	})
	.mouseout(function(){ 		
		// отвели курсор с объекта
	});


	// #3 вариант
	$(".obj").hover(function(){ 		
		 // навели курсор на объект (не учитываются переходы внутри элемента)		 
	},function(){		
		// отвели курсор с объекта (не учитываются переходы внутри элемента)		
	});
  
});

 

Код был обновлён. Предыдущий рейтинг:

  • Бесполезный код - 0 голосов
  • Костыль - 0 голосов
  • Полезный код - 2 голоса
jQuery up: 1.9 г. просмотров: 28.7k