[자바13]JavaScript와 HTML 5

김지희·2023년 3월 30일
1

[자바]

목록 보기
13/17

특정한 event를 listen해봅시다.

  • 마우스가 title 위에 올라갈 때, click은 하지 않고 그냥 위에 위치할 때의 event.




JavaScript가 두 event를 listen하고 있습니다.
하나는 click이고, 하나는 onmouse입니다.

  • 이번에는 onmouse를 onmouseleave로 바꿔보도록 하겠습니다.




마우스를 title위에 올리면 Mouse is here!로 Text가 변경되며 마우스를 올려두지 않을 때에는 Mouse is gone!으로 Text가 뜨게 된다는 것을 알 수 있습니다.
또한, title을 click하면 title이 파란색 Text로 변경되게 됩니다.
이처럼 JavaScript가 3가지의 function을 잘 조작해주고 있습니다!

profile
프론트엔드 개발자로 취업한 인턴

0개의 댓글