사진과 같이 구현방법은 데모문의주세요
p를 p_1과 p_2 외부에 배치한 다음 p의 onmouseleave 이벤트를 모니터링하시겠습니까?
데모
1. 동일한 p에 두 개의 p를 배치하고 p3에 마우스 아웃 이벤트를 추가하지만 p1과 p2에는 이벤트가 추가되지 않습니다!
2. p1이나 p2에서 마우스가 나오고 0.5초 이내에 마우스가 p1이나 p2에 들어가지 않으면 메소드가 실행됩니다. 0.5초 이내에 입력하면 타이머가 지워지고 메소드가 실행되지 않습니다!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
p를 p_1과 p_2 외부에 배치한 다음 p의 onmouseleave 이벤트를 모니터링하시겠습니까?
데모
1. 동일한 p에 두 개의 p를 배치하고 p3에 마우스 아웃 이벤트를 추가하지만 p1과 p2에는 이벤트가 추가되지 않습니다!
으아악2. p1이나 p2에서 마우스가 나오고 0.5초 이내에 마우스가 p1이나 p2에 들어가지 않으면 메소드가 실행됩니다. 0.5초 이내에 입력하면 타이머가 지워지고 메소드가 실행되지 않습니다!
으아악