Detecting if Home/End Keys is pressed in JS

Question

I am trying to implement an infinite scroll in JS, I am using $(window).scroll() to detect the scroll position, every thing is working fine, I just have one issue I want the url to change if the user clicks the 'Home' key and then change again if the user press the 'End' key.

So when Home is clicked the scroll position will be move to the top and when End is clicked the scroll position will be moved to the bottom.

My Question is, how do you detect these behaviors (pressing Home/End)?

Youssef

Nice. I came here at the same point in my code/testing for my infinite scroll implementation. Is the keypress event the solution that you stuck with? — Brian Layman, Sep 12 '16 at 03:17

score 9 · Accepted Answer · answered Aug 13 '14 at 10:21

KeyCode is 35 for END 36 for HOME!

  function myKeyPress(e){

        var keynum;

        if(window.event){ // IE                 
            keynum = e.keyCode;
        }else
            if(e.which){ // Netscape/Firefox/Opera                  
                keynum = e.which;
             }
        alert(String.fromCharCode(keynum));
    }

score 5 · Answer 2 · edited May 23 '17 at 12:32

5

Home, PageUp, PageDown, End and some other keys are only triggered by onkeydown, not onkeypress see this post

edited May 23 '17 at 12:32

Community

1
1

answered Sep 28 '15 at 15:37

Alex Joe

369
3
8

score 2 · Answer 3 · answered Aug 13 '14 at 10:25

its simple to detect please look at following code :

<input type="text" id="txtKey" onkeyup="keyPressEvent(event)" />

   function keyPressEvent(e) {


        var code = (e.keyCode ? e.keyCode : e.which);
        if (code == 35) {
            alert('end key press');
        }
        if (code == 36) {
            alert('home key press');
        }
        return false;
    }

score 2 · Answer 4 · answered Oct 24 '21 at 11:47

2

In an onkeydown callback, check for e.key === 'Home' and e.key === 'End'

https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values

answered Oct 24 '21 at 11:47

Scott Wager

758
11
9

Detecting if Home/End Keys is pressed in JS

4 Answers4