Detect backspace and del on input event

Question

How to do that   I tried   var key   event which    event keyCode    event charCode   if key    8  alert  backspace      but it doesn t work     If I do the same on the keypress event it works  but I don t want to use keypress because it outputs the typed character in my input field  I need to be able to control that    my code         content   bind  input   function event        var text     this  val            key   event which    event keyCode    event charCode       if key    8            here I want to ignore backspace and del               here I m doing my stuff     var new text    bla bla  text        this  val new text           no character should be appended in my input  besides what I m adding with val   actually the input from the user should be completely ignored  only the key pressing action is important to me

User · Answer

Have you tried using  onkeydown   This is the event you are looking for   It operates before the input is inserted and allows you to cancel char input

User · Answer

With jQuery   The event which property normalizes event keyCode and event charCode  It is recommended to watch event which for keyboard key input   http   api jquery com event which   jQuery   input   on  keydown   function e        if  e which    8    e which    46   return false

User · Answer

Here s one example  not sure what your application is but here is a relevant and likely application  function addDashesOnKeyUp         var tb   document getElementById  tb1         var key   event which    event keyCode    event charCode       if  tb value length   3    tb value length   7   amp  amp   key   8                   tb value     -

User · Answer

It s an old question  but if you wanted to catch a backspace event on input  and not keydown  keypress  or keyup   as I ve noticed any one of these break certain functions I ve written and cause awkward delays with automated text formatting   you can catch a backspace using inputType   document getElementsByTagName  input   0  addEventListener  input   function e        if  e inputType     deleteContentBackward                your code here

User · Answer

keydown with event key      quot Backspace quot  or  quot Delete quot  More recent and much cleaner  use event key  No more arbitrary number codes  input addEventListener  keydown   function event        const key   event key     const  key    event  ES6      if  key      quot Backspace quot     key      quot Delete quot             return false             Modern style  input addEventListener  keydown     key     gt        if    quot Backspace quot    quot Delete quot   includes key             return false           Mozilla Docs Supported Browsers

User · Answer

event key      quot Backspace quot  More recent and much cleaner  use event key  No more arbitrary number codes  input addEventListener  keydown   function event        const key   event key     const  key    event  ES6      if  key      quot Backspace quot     key      quot Delete quot             return false             Mozilla Docs Supported Browsers

User · Answer

Use  onkeydown and cancel the removing with return false   Like this   var input   document getElementById  myInput     input onkeydown   function         var key   event keyCode    event charCode       if  key    8    key    46           return false         Or with jQuery  because you added a jQuery tag to your question   jQuery function        var input       myInput      input on  keydown   function         var key   event keyCode    event charCode       if  key    8    key    46           return false

User · Answer

on android devices using chrome we can t detect a backspace  You can use workaround for it   var oldInput           newInput             ID   keyup function        newInput       ID   val       if newInput length  lt  oldInput length           backspace pressed         oldInput   newInput

User · Answer

div contenteditable    keydown function e       trap the return key being pressed if  e keyCode     13    e keyCode     8        return false

[javascript] Detect backspace and del on "input" event?

Examples related to javascript

Examples related to jquery