화면 키보드 데모의 2 HTML5 (터치 지원)

이 기사는 HTML5 캔버스 기반 온 스크린 키보드를 탐색하고 구현에 대한 자주 묻는 질문에 대한 답변을 제공합니다. 다양한 접근법을 보여주는 몇 가지 예가 제공됩니다.

예 1 : 멀티 터치 키보드

이 예제는 HTML5 Canvas, T 데모에는 웹 개발자 콘솔을 열어야합니다

소스 코드 및 데모

예제 2 : 간단한 가상 키보드 HTML 캔버스 및 자바 스크립트로 구축 된 기본 가상 키보드. 테스트 및 다양한 응용 프로그램에 이상적입니다

소스 코드 및 데모 자주 묻는 질문 (faqs) : 다음 FAQ는 터치 지원을 갖춘 HTML5 온 스크린 키보드 구현에 대한 일반적인 문제를 해결합니다. 위의 예는 캔버스를 사용하지만 아래의 FAQ는 다른 접근법 인 에 대해 논의합니다. 제공된 예제는 VirtualKeyboard API와 직접 관련이 없습니다.

html5에서 가상 키보드를 어떻게 구현할 수 있습니까? 를 사용하십시오. 이 API는 키보드 가시성을 제어하기위한 및 와 같은 방법을 제공하고 가시성 변경을 처리하기위한 이벤트를 제공합니다.

장치 가상 키보드와 상호 작용하기위한 Web API a virtualkeyboard API는 무엇입니까? 가시성을 제어하고 상태 변경에 응답하여 터치 스크린 애플리케이션에 적합합니다.

터치 스크린 장치와 함께 Virtualkeyboard API를 어떻게 사용할 수 있습니까?

API는 터치 스크린 용으로 설계되었습니다. , , , 속성 (사용자 정의 용) 및

(크기와 위치)를 사용하십시오.

VirtualKeyboard API

레이아웃을 사용자 정의 할 수 있습니까?

속성을 ​​사용하여

• 크기와 위치를 얻을 수있는 방법은 무엇입니까? 속성을 ​​사용하십시오. VirtualKeyboard API show() 가시성 변경에 어떻게 응답 할 수 있습니까? hide() 이벤트 사용. onvisibilitychange

  터치가 아닌 화면 장치와 함께 사용할 수 있습니까?
주로 터치 스크린의 경우 소프트웨어 키보드가있는 장치와 함께 작동 할 수 있습니다.

• 모든 브라우저에서 지원됩니까? MDN 웹 문서에서 브라우저 호환성을 확인하십시오.

• 모바일 웹 애플리케이션에서 사용할 수 있습니까?

  예, 터치 장치 용으로 설계되었습니다. 내 구현을 어떻게 테스트 할 수 있습니까? 기능을 확인하기 위해 ,

및 를 사용하여 가상 키보드가있는 장치에서 응용 프로그램을 실행하십시오.

• (참고 : 및 를 소스 코드에 대한 실제 링크로 바꾸고 사용 가능한 경우 데모를 교체하십시오.)

위 내용은 화면 키보드 데모의 2 HTML5 (터치 지원)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!