无法实现js功能的跨浏览器兼容性

Question

The code below works for disabling the backspace key in a textarea in Firefox perfectly but not Chrome or Safari, any suggestions would be very much appreciated

$('#texttype').keypress(function(event){ 
var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '8'){ 
        return false;
    }
        event.stopPropagation();

});

Answer 1

Why not use e.which , it's normalized in jQuery, and the keycode is an integer.

The keydown event triggers on any key press and gives a keycode in all browsers.

The keypress event triggers after keydown and does give a keycode, but it's only guaranteed for character keys, and does not fire on the backspace key in webkit.

$('#texttype').on('keydown', function(e) { 
    if ( e.which === 8 ) { 
        return false;
    }
    e.stopPropagation();
});

FIDDLE