[Angular] 기본 입력 인식

Recorder·2021년 3월 16일
0

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)를 넣으면
마우스가 해당 요소 위로 올라가너나 떠날 때 해당 함수가 실행된다.

profile
기억은 나 대신 컴퓨터가

0개의 댓글