1

I want to disable home button event in browser. I am trying this code 

var blockHome = function (e) {
 if (e.keyCode == 36) {
     e.preventDefault();
     return false;
  }
};

it is not working.

Anybody having idea please help.

Vadim Kotov
  • 8,084
  • 8
  • 48
  • 62
Vishwajeet Bose
  • 430
  • 3
  • 12
  • I've done something similar to prevent [`Ctrl+L`](http://stackoverflow.com/questions/30390173/prevent-focus-to-url-bar-with-ctrl-l) and I didn't need `return false;` in the code. – tektiv May 27 '16 at 10:15

1 Answers1

2

Use keydown event and based on the condition, apply e.preventDefault();

var blockHome = function(e) {
  if (e.keyCode == 36) {
    e.preventDefault();
  }
};
document.getElementById('blocked').addEventListener('keydown', blockHome);
<input type="text" id='blocked'>

To prevent scroll-up behavior of document, attach event on document

var blockHome = function(e) {
  if (e.keyCode == 36) {
    e.preventDefault();
  }
};
document.addEventListener('keydown', blockHome);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
Rayon
  • 36,219
  • 4
  • 49
  • 76