Ionic-자바 스크립트 이벤트

다양한 Ionic 이벤트를 사용하여 사용자와의 상호 작용을 추가 할 수 있습니다. 다음 표는 모든 Ionic 이벤트를 설명합니다.

이벤트 명 이벤트 상세
보류 터치 시간이 500ms 이상일 때 호출됩니다.
온탭 터치 시간이 250ms 미만일 때 호출됩니다.
두 번 탭하여 더블 탭 터치가있을 때 호출됩니다.
온 터치 터치가 시작되면 즉시 호출됩니다.
출시 중 터치가 끝나면 호출됩니다.
끌기 어떤 방향 으로든 페이지 주변에서 손을 떼지 않고 터치를 이동할 때 호출됩니다.
드래그 업 요소를 위로 끌면 호출됩니다.
오른쪽 끌기 요소를 오른쪽으로 끌면 호출됩니다.
왼쪽 끌기 요소를 왼쪽으로 끌면 호출됩니다.
드래그 다운 요소를 아래로 끌 때 호출됩니다.
스 와이프시 드래그가 어떤 방향 으로든 빠른 속도로 움직이는 경우 호출됩니다.
스 와이프 업 드래그가 빠른 속도로 올라갈 때 호출됩니다.
오른쪽으로 스 와이프 드래그가 오른쪽으로 이동하는 속도가 빠를 때 호출됩니다.
스 와이프 왼쪽 드래그가 왼쪽으로 이동하는 속도가 빠를 때 호출됩니다.
아래로 스 와이프 드래그가 아래로 이동하는 속도가 빠를 때 호출됩니다.

이벤트 사용

모든 Ionic 이벤트는 동일한 방식으로 사용할 수 있으므로 사용 방법을 보여 드리겠습니다. on-touch다른 이벤트에도 동일한 원칙을 적용 할 수 있습니다. 먼저 버튼을 만들고on-touch 이벤트를 호출합니다. onTouchFunction().

<button on-touch = "onTouchFunction()" class="button">Test</button>

그런 다음 컨트롤러 범위에 해당 함수를 생성합니다.

$scope.onTouchFunction = function() {
   // Do something...
}

이제 터치 이벤트가 발생하면 onTouchFunction() 호출됩니다.