vue 핸드폰 물리 감청 키 + 종료 알림 코드

나는 쓸데없는 말을 더 이상 하지 않겠다. 모두들 코드를 직접 보는 것이 좋겠다.

	<script>
	//Toast  。 ， 。
	function Toast(msg,duration){
		duration=isNaN(duration)?3000:duration;
		var m = document.createElement('div');
		m.innerHTML = msg;
		m.style.cssText="width: 60%;min-width: 150px;opacity: 0.7;height: 30px;color: rgb(255, 255, 255);line-height: 30px;text-align: center;border-radius: 5px;position: fixed;bottom: 70px;left: 20%;z-index: 999999;background: rgb(0, 0, 0);font-size: 12px;";
		document.body.appendChild(m);
		setTimeout(function() {
			var d = 0.5;
			m.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in';
			m.style.opacity = '0';
			setTimeout(function() { document.body.removeChild(m) }, d * 1000);
		}, duration);
	}
	var time = '' //  ；
	setTimeout(() => {
		//  
		document.addEventListener('backbutton', function (evt) {
			console.log(' ');
			var url = location.hash.split('/')[1];
			if (url === 'home' ) {//  app , app 
				console.log(' ')
				if (new Date() - time < 2000) {//  2s, 
					navigator.app.exitApp();
				} else {  //  2s， ，
					time = new Date();
					Toast(' ', 2000);
				}
				return;
			} else {
				console.log(' ')
				history.back(); //  ，， 
			}
		}, false);
	}, 10)
</script>

코드는 간단하고 논리도 복잡하지 않다.근데 왜 setTime () 를 쓰는지 말해야 해요.
저는 vue의 index입니다.html에 추가된 이 코드들.setTime () 를 추가하지 않았을 때 왜 그가 실행하지 않는지 몰랐고 여러 번 검사해도 틀리지 않았다.마지막으로 가르침을 청한 사나이도 왜 그런지 모르겠다.웃고 울어도 소용없어.
이전에도 휴대전화 단말기의 가상 키보드를 끄는 조작을 만났다.그는 집행하지 않는다..
document.activeElement.blur()
나중에도 settime () 으로 해결했습니다.
보충 지식: Vue 단일 페이지 처리 핸드폰 반환 키 문제
Vue를 사용하여 단일 페이지 앱을 개발할 때 반환 키를 처리하는 논리가 발생하여 기본 상위 페이지가 아닌 지정된 페이지로 되돌려줍니다.바이두가 조사해 보니 인터넷에서 주는 방법은 기본적으로 모두'popstate'를 감청함으로써 완벽하게 해결할 수 없다.나중에 라우터의'내비게이션 수위'가 떠올랐어요. 떠날 때 처리하면 돼요.말이 많지 않으니 바로 예를 들자.

beforeRouteLeave (to, from, next) {
   if(this.success){
    next({path:'/home'});// 
   }else{
    next()
   }
 }

바로 넥스트 () 방법에서 방향을 바꾸면 됩니다.완벽한 해결, 귀속 감청 없이 귀속 감청 해제.
이상 이 vue 핸드폰 물리 감청 키 + 종료 알림 코드는 모두 여러분께 공유하는 모든 내용입니다. 참고 부탁드리고 저희도 많이 사랑해 주세요.