1. 마우스 click, enter, leave

1) click

마우스로 해당 요소를 클릭 시 함수 실행

html

<button (click)="_functionName(_parameterName)"></button>

component.ts

_functionName(_parameterName) {
	console.log(evt);
}

• button이 아니어도 상관없다.
• 함수를 따로 생성하지 않고

(click)="_변수명 = '_넣을 내용'"

처럼 바로 구현해도 상관 없다.

2) enter, leave

위와 같은 구조로
(click)
대신
(mouseenter) 혹은 (mouseleave)를 넣으면
마우스가 해당 요소 위로 올라가너나 떠날 때 해당 함수가 실행된다.