모바일웹에서 링크 클릭시 진동기능 추가(하이브리드앱 포함)
페이지 정보
작성일 23-02-20 10:13
본문
<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>
하단에서 메뉴 클릭시 진동 실행
<script> $(function() { // 메뉴 클릭시 진동 $(document).on('click', '.mobile_menu .ul-mobile-list .mobile-list a.gnb_1da', function(e){ callVibrate(100);// 진동 수행 1000 = 1초, 100 : 0.1초가 적당 }); }); </script>
하이브리드앱에서는 권한을 추가해주어야 진동가능
<manifest xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" package="com.cginjs.CginjsApp" > <!-- 진동을 울리기 위한 권한 --> <uses-permission android:name="android.permission.VIBRATE" /> . . . </manifest>
추천 0 비추천 0
- 이전글 선택한 텍스트 태그 선택 23.02.20
- 다음글 모바일웹에서 navigator vibrate 사용해 진동 기능 실행(Android 지원) 23.02.20