모바일웹에서 링크 클릭시 진동기능 추가(하이브리드앱 포함) > 자료실

자료실

자료실

모바일웹에서 링크 클릭시 진동기능 추가(하이브리드앱 포함)

페이지 정보

profile_image
작성자 최고관리자
댓글 0 조회 1,171회 작성일 23-02-20 10:13
작성일 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

  • 회사 :
  • 대표 :
  • 주소 :
  • 메일 : admin@mysample.com
  • 사업자 등록번호 :
Copyright © cginjs.com All rights reserved.
notice