사용자가 입력 장치를 조작하는 방법(HTML)

[ 이 문서는 Windows 런타임 앱을 작성하는 Windows에서 8.x 및 Windows Phone 8.x 개발자를 대상으로 합니다. Windows 10용으로 개발하는 경우에는 최신 설명서를 참조하세요.]

여기에서는 일반적인 조작 방식 및 각 조작 방식에 해당하는 Windows 8.1용 터치, 터치 패드, 마우스, 키보드 및 펜/스타일러스의 제스처 목록을 보여 줍니다.

앱 기능 전체 프로세스 시리즈의 일부로 이 기능의 작동 방법을 살펴보세요.: 사용자 조작: 터치식 입력... 등

조작 및 장치

Windows 8.1은 터치에서 키보드에 이르는 다양한 입력 장치를 지원합니다. 또한 장치별로 고유하지만 터치 키보드, 마우스 휠 및 펜 지우개 등의 장치와 모드 간에 기능적으로 일관된 직관적이고 효율적인 조작 환경을 제공합니다.

Windows 스토어 앱의 UI는 터치에 맞게 디자인하는 동시에 이 디자인이 다음과 같은 다양한 장치에 미치는 영향을 고려하세요.

  • 터치와 마우스 환경이 결합된 터치 패드
  • 마우스
  • 디지털 잉크에 전문화된 펜/스타일러스
  • 텍스트 편집 및 명령 바로 가기를 위한 키보드 장치
터치터치 패드마우스키보드(하드웨어)펜/스타일러스
선택
스크롤 방향 반대쪽으로 살짝 밀기(교차 방향으로 밀기에 대한 지침 참조)두 번 탭하기마우스 오른쪽 단추 클릭 스페이스바 스크롤 방향 반대쪽으로 살짝 밀기(교차 방향으로 밀기에 대한 지침 참조)
앱 바 표시
위쪽 또는 아래쪽 가장자리에서 살짝 밀기위쪽 또는 아래쪽 가장자리에서 살짝 밀기마우스 오른쪽 단추 클릭Windows 로고 키+Z, 메뉴 키위쪽 또는 아래쪽 가장자리에서 살짝 밀기
참 메뉴 표시
오른쪽 가장자리에서 살짝 밀기오른쪽 가장자리에서 살짝 밀기 위 또는 오른쪽 아래 모서리 가리키기 Windows 로고 키+C오른쪽 가장자리에서 살짝 밀기
상황에 맞는 메뉴
선택한 텍스트를 탭하고 길게 누르기선택한 텍스트를 두 번 탭하고 길게 누르기마우스 오른쪽 단추 클릭메뉴 키선택한 텍스트를 탭하고 길게 누르기
시작/활성화
탭하기탭하기마우스 왼쪽 단추 클릭 Enter탭하기
짧은 거리 스크롤
밀기두 손가락으로 밀기스크롤 막대, 화살표 키, 마우스 왼쪽 단추를 클릭하고 밀기 화살표 키스크롤 막대
먼 거리 스크롤
밀기(관성 포함) 두 손가락으로 밀기(관성 포함(스크롤 막대, 마우스 휠, 마우스 왼쪽 단추를 클릭하고 밀기 Page Up 또는 Page Down 스크롤 막대
다시 정렬(끌기)
스크롤 방향 반대쪽으로 거리 임계값을 지날 때까지 밀기(교차 방향으로 밀기에 대한 지침 참조)길게 눌러서 밀기마우스 왼쪽 단추를 클릭하고 밀기 Ctrl-C 또는 Ctrl-X, Ctrl-V스크롤 방향 반대쪽으로 거리 임계값을 지날 때까지 밀기(교차 방향으로 밀기에 대한 지침 참조)
확대/축소
손가락 모으기, 확대손가락 모으기, 확대마우스 휠, Ctrl+마우스 휠, UI 명령Ctrl+더하기(+) 또는 빼기(-)UI 명령
회전
회전회전Ctrl+Shift+마우스 휠, UI 명령Ctrl+더하기(+) 또는 빼기(-)UI 명령
커서 삽입/텍스트 선택
탭하기, 위치 조정 막대 탭하기탭하기마우스 왼쪽 단추 클릭+밀기, 두 번 클릭화살표 키, Shift+화살표 키, Ctrl+화살표 키 등 탭하기, 위치 조정 막대 탭하기
추가 정보
계속 누르기계속 누르기가리키기(시간 임계값 포함)포커스 사각형 이동(시간 임계값 포함) 계속 누르기
포커스 이동
해당 없음 해당 없음 해당 없음 화살표 키, 탭하기해당 없음
조작 피드백
터치 시각화커서 이동, 커서 변경커서 이동, 커서 변경포커스 사각형펜 시각화

 

관련 항목

개념

사용자 조작에 응답

터치 조작 디자인

참조

Windows.UI.Core

Windows.UI.Input

Windows.UI.Xaml.Input

샘플(DOM)

HTML 스크롤, 이동 및 확대/축소 샘플

입력: DOM 포인터 이벤트 처리 샘플

입력: 인스턴스화 가능한 제스처 샘플

샘플(Windows 스토어 앱 API)

입력: 조작 및 제스처(JavaScript) 샘플

입력: Windows 8 제스처 샘플

입력: XAML 사용자 입력 이벤트 샘플

XAML 스크롤, 이동 및 확대/축소 샘플

샘플(DirectX)

DirectX 터치 입력 샘플

입력: 조작 및 제스처(C++) 샘플