javascript - How to trigger backspace on a textfield? - Stack Overflow

admin管理员组

文章数量:1180415

Say I have this:

<textarea id="myarea">Hello</textarea>

How would i trigger backspace on that textarea possibly using trigger() and key codes. The code for backspace is 8. And i am not looking for this:

$('#myarea').val( $("myarea").val().slice(0,-1) );

I need to simulate someone actually pressing the 'backspace' key on their keyboard. Thanks

Say I have this:

<textarea id="myarea">Hello</textarea>

How would i trigger backspace on that textarea possibly using trigger() and key codes. The code for backspace is 8. And i am not looking for this:

$('#myarea').val( $("myarea").val().slice(0,-1) );

I need to simulate someone actually pressing the 'backspace' key on their keyboard. Thanks

• javascript
• jquery
• triggers
• keycode
• backspace

Share Improve this question Follow edited Aug 4, 2011 at 3:31 odle asked Aug 3, 2011 at 2:45 odleodle 5,27288 gold badges3030 silver badges3333 bronze badges 1

• Do you mean that when he tried to type it delete or when he click a reset button or something the text erase in a backspace way ? – Warface Commented Aug 3, 2011 at 2:49

Add a comment  | 

3 Answers 3

Sorted by: Reset to default 15

You can create a keydown event:

var e = jQuery.Event("keydown", { keyCode: 20 });

Then trigger it in your textarea:

$("#myarea").trigger( e );

Update:

After doing some more research and testing, I realize that this solution does NOT simulate a natural keypress event on the HTML element. This method only triggers the keydown event, it does not replicate the user going into the element and pressing that key.

To simulate the user going into that textbox and pressing that key, you would have to create a dispatch event

The dispatch event is also not globally supported. Your best bet would be to trigger the keydown event and then update the text area as intended.

I found this:

http://forum.jquery.com/topic/simulating-keypress-events (answer number 2).

Something like this should work, or at least give you an idea:

<div id="hola"></div>

$(function(){
    var press = jQuery.Event("keyup");
    press.ctrlKey = false;
    press.which = 40;

    $('#hola').keyup(function(e){
        alert(e.which);
    })
   .trigger(press); // Trigger the event
});

Demo: http://jsfiddle.net/qtPcF/1/

You shouldn't be forcing key events in js. Try simulating the character removal instead.

const start = textarea.selectionStart - 1;
const value = textarea.value;
const newValue = value.substring(0, start) + value.substring(start + 1);
textarea.value = newValue;

Or if you just want the event, instead call the handler directly, rather than forcing the event. This is too hacky.

本文标签： javascriptHow to trigger backspace on a textfieldStack Overflow