Managing In-Page Back Button Functionality

For single-page applications utilizing hash navigation, it's crucial to control the behavior of in-page back buttons. 그렇게하려면 사용자가 인터페이스를 탐색 할 때 배열 (Window.location.lasthash)을 사용하여 이전 해시를 저장합니다.

In-Page Back 버튼에서 브라우저 뒤로 버튼을 구별하십시오. 대신, 문서의 onMouseOver (문서 위에 마우스가 호버링 될 때)와 OnMouseleave (마우스가 문서를 종료 할 때)가 고안된 플래그 변수. if (window.innerDocclick) { // 인 페이지 메커니즘이 해시 변경을 트리거했습니다 } 또 다른 { if (window.location.hash! = '#undefined') { // 브라우저 뒤로 버튼을 클릭했습니다 goback (); } } }

백 스페이스가 뒤로 버튼을 모방하는 것을 방지

백 스페이스가 뒤로 버튼 이벤트를 트리거하지 못하게하려면 다음 스크립트를 구현합니다.

$ (function () { var rx = /input | select | textarea /i; $ (document) .bind ( "Keydown keypress", function (e) { if (e.which == 8) {// 8 == 백 스페이스 if (! rx.test (e.target.tagname) || e.target.disabled || e.target.readonly) { e.preventDefault (); } } }); });

요약하면, 문서의 호버 이벤트를 활용하여 브라우저 뒤로 버튼 클릭과 내면 뒤로 버튼 사용을 효과적으로 구별하여 뒤로 버튼 기능을 정확하게 제어 할 수 있습니다.