jQuery_mouse event_말풍선 출력

220812 작성

<본 블로그는 carina16님의 블로그를 참고해서 공부하며 작성하였습니다>

https://carina16.tistory.com/105

[jquery] jquery 이벤트 등록 메서드3 (mouse)

 

 

 

1. 마우스 event

- mouseover() : 마우스가 포커스 안으로 들어왔을 때 이벤트가 발생되는 함수

1. mouseover 이벤트 등록
$("이벤트 대상 선택").mouseover(function() {자바스크립트 코드;});
$("이벤트 대상 선택").on("mouseover",function(){자바스크립트 코드;});

2. mouseover 이벤트 강제 발생
$("이벤트 대상 선택").mouseover();

- mouseout() : 마우스가 포커스 밖으로 나갔을 때 이벤트가 발생되는 함수

1. mouseout 이벤트 등록
$("이벤트 대상 선택").mouseout(function() {자바스크립트 코드;});
$("이벤트 대상 선택").on("mouseout",function() {자바스크립트 코드;});

2.mouseout 이벤트 강제 발생
$("이벤트 대상 선택").mouseout();

- hover() : 선택한 요소에 마우스 포인터가 올라갈 때와 선택요소에서 벗어날 때 각각 이벤트를 발생

hover - 이벤트 등록
$("이벤트 대상 선택").hover(
  function() {마우스 오버 시 실행될 코드},
  function() {마우스 아웃 시 실행될 코드}
);

 

 

2. 값 변경

$("#tooltip").attr("title", "값 변경");