모바일웹에서 navigator vibrate 사용해 진동 기능 실행(Android 지원)
페이지 정보
작성일 23-02-20 10:03
본문
<script> function callVibrate(n) { if (n == undefined || n == null) { var n = 1000; } /* navigator.vibrate 브라우저 내에서 모바일 디바이스 기기 진동을 발생 IOS 모바일 기기 (사파리 등 웹브라우저) 에서는 진동 기능 지원 안함 */ // 작동되는 진동 메소드가 다르므로 통합 navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate; if (navigator.vibrate) { console.log("vibrate : working"); navigator.vibrate(n); // 진동 수행 1000 = 1초 // navigator.vibrate(0); // 진동 정지 } else { console.log("vibrate : not working"); console.log("진동을 지원하지 않는 기종 입니다."); } } </script> <button type="button" onclick="callVibrate(1000)" > 진동 시작 </button> <button type="button" onclick="callVibrate(0)" > 진동 중지 </button>
추천 0 비추천 0
- 이전글 모바일웹에서 링크 클릭시 진동기능 추가(하이브리드앱 포함) 23.02.20
- 다음글 Media Query의 기본 사용법 23.02.18