> 웹 프론트엔드 > JS 튜토리얼 > 온라인 퀴즈 타이머를 깨지 않고 뒤로 버튼 탐색을 방지하려면 어떻게 해야 합니까?

온라인 퀴즈 타이머를 깨지 않고 뒤로 버튼 탐색을 방지하려면 어떻게 해야 합니까?

Mary-Kate Olsen
풀어 주다: 2024-12-16 10:25:35
원래의
403명이 탐색했습니다.

How Can I Prevent Back Button Navigation Without Breaking My Online Quiz Timer?

온라인 퀴즈용 JavaScript에서 브라우저 뒤로 버튼 차단

온라인 퀴즈 신청 중에 사용자가 뒤로 이동하지 못하도록 시도하는 동안 문제가 발생합니까? 제공된 스크립트는 시험 타이머의 기능을 방해할 수 있습니다.

사용자가 시험을 시작하면 JavaScript 파일(cdtimer.js)이 MySQL 값에서 파생된 기간으로 타이머를 트리거합니다. 그러나 뒤로 버튼 비활성화 코드를 구현하면 타이머가 작동을 멈춥니다.

타이머 간섭 이유

다음 방법을 사용하여 뒤로 버튼을 비활성화하면 다음과 충돌할 수 있습니다. 타이머:

window.history.forward();
function noBack() { window.history.forward(); }
로그인 후 복사

따라서 이러한 접근 방식은 사용자가 뒷면을 사용하는 것을 방지하는 데 효과적이지 않습니다. 버튼을 클릭하세요.

대체 솔루션

이 문제를 완화하려면 뒤로 이동하려는 사용자에게 방해가 되지 않는 경고를 제공하는 것이 좋습니다.

window.onbeforeunload = function() { return "Your work will be lost."; };
로그인 후 복사

이 접근 방식은 시험 타이머의 작동을 방해하지 않고 사용자에게 경고합니다.

기타 고려 사항

앞서 언급한 비활성화 방법은 신뢰할 수 없지만 다음 페이지에서는 다양한 수준의 효율성을 제공할 수 있는 추가 접근 방식을 제공합니다.

http://www.irt.org/script/ 311.htm

위 내용은 온라인 퀴즈 타이머를 깨지 않고 뒤로 버튼 탐색을 방지하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿