如何检测 jquery 中的 F5 刷新按键事件？

Question

I noticed that jquery has a keypress function. But it seems that it can only detect keypress event of numbers and characters. It cannot detect the F5 keypress event. And What surprises me the most is everyone online says that the keyCode of F5 is 116, But when I use the jquery keypress function, it just shows that the character t has the keyCode of 116(it seems that 116 is the ascii code of lowercase t)? Can somebody give me any idea about this and how to detect the F5 event in javascript or jquery. Thanks so much in advance.

Answer 1

I don't know what you did wrong in your code, but jQuery does say F5 is 116 and t is 84 :

http://jsfiddle.net/Brjb2/1

One possible error is keypress will have different keycode , that's why keydown is more preferred.

        |  T  |  A  |  F5
keydown |  86 |  65 | 116
keypress| 116 |  97 |  -

Also pressing F5 will not trigger keypress because the reload part happens before keypress .

Answer 2

The keypress event does not accept function keys(F1-F12). You can try to use keydown event.

Answer 3

this code works good for me
i tested it in chrome and firefox successfully

<script>
    document.onkeydown = capturekey;
    document.onkeypress = capturekey;
    document.onkeyup = capturekey;

    function capturekey(e) {
        e = e || window.event;
        //debugger
        if (e.code == 'F5') {
            if (confirm('do u wanna to refresh??')) {
                //allow to refresh
            } 
            else {
                //avoid from refresh
                e.preventDefault()
                e.stopPropagation()
            }
        }
    }
</script>