How to Disable Browser Back Button Using jQuery

Hi to all, here I am going to tell you all about how to disable browser back button using jQuery in just few minutes.

Basically the browser back buttons allows the visitors to redirect to the previous webpage, which was accessed before the present using webpage, and if you want to restrict your visitors to back the previous webpage on your website, then the browser back button should be disable.

You can add the JavaScript code in any blogger template or in any other websites without any issue. 

Read the below provided steps carefully and completely to get clear understanding about how to disable browser back button in blogger websites and in other websites easily without any error, so read the article till end.

Steps to Disable Browser Back button in Blogger

Step-1: First of all, you all need to login to your blogger website dashboard by using your login credentials.

Step-2: Go to blogger website dashboard -> Click on theme section -> Click on arrow icon -> Click on backup -> Click on download theme -> Save theme in safe place.

Step-3: Now go to blogger website dashboard -> Click on theme section -> Click on arrow icon -> Click on Edit HTML -> Blogger theme editor section.

Step-4: Copy below provided JavaScript code.

<script language='javascript' type='text/javascript'> function DisableBackButton() { window.history.forward() } DisableBackButton(); window.onload = DisableBackButton; window.onpageshow = function(evt) { if (evt.persisted) DisableBackButton() } window.onunload = function() { void (0) } </script>
Copy

Step-5: Paste the copied JavaScript code above closing head tag or </head>.

Step-6: Finally after placing the JavaScript code, click on save button.

Step-7: Now it will take few seconds to process your theme code and after successful processing, you will see a message i.e. Updated Successfully.

Step-8: You have successfully disabled browser back button in your blogger website easily in just few minutes.

Note

If you get any error while saving the code in your theme editor, then you need to restore your backup code again and need to repeat the same process as mentioned in above steps carefully.

Add the code in the correct place, if you will not add the JavaScript code correctly, this JavaScript code will not work, so add the code carefully.

Conclusion

I hope that you have understood about how to disable browser back button in just few minutes by using jQuery.