[jQuery] 두 이벤트를 한 function에서 사용하기 - mouseover, mouseout

 

 

 문제

 

두 이벤트(mouseover, mouseout)를 사용할 때 아래와 같이 사용했으나 한 function에서 사용하면 소스보기가 더 편하지 않을까라는 생각이 들었다.

 

 

	$("#id_menu").bind("mouseover",function(){
		console.log("pop_menu>> ");
	});
	$("#id_menu").bind("mouseout",function(){
		console.log("pop_menu>> ");
	});

 

 

 해결

 

바인드 후에 이벤트를 나열해주고, function에서 event를 매게변수로 받아서 event.type에서 분기 시켜주면 같은 테그 내에서 관리가 가능해진다.

잘쓰면 편하겠지만 상황에 따라서 장단점이 생길 것 같다.

 

	$("#id_menu").bind("mouseover mouseout",function(event){
		if(event.type=="mouseover"){
			console.log("mouseover event");
		}
		else if(event.type=="mouseout"){
			console.log("mouseout event");
		}
	});