Keydown event Javascript?

Question

I wrote a script that trigger a submit button when i press enter key in a textarea, the TextArea returns to the line before the submit is activated.

I want to obstruct the TextArea to not return to the line

there is my script

jQuery( "#div1" ).on( "keydown", function(event) {
    if(event.which == 13){ 
        if(document.getElementById('checkbox').checked){             
            jQuery("#envoyer").trigger('click');
        }
    }
});

Niet the Dark Absol · Accepted Answer · 2014-04-30 10:00:49Z

1

You need to cancel the event!

event.preventDefault();

Just make sure to only do that when you're submitting the form - it'd be very easy to accidentally nuke all ability to type in the textarea at all ;)

Also, as a usability hint, I would suggest adding && !event.ctrlKey && !event.shiftKey to your if condition, as this allows people to enter line breaks manually as they would in many chat programs - if you explicitly don't want newlines, you may be better just using <input type="text" /> instead of <textarea>, especially since this comes with built-in Enter-to-submit-form functionality.

answered Apr 30, 2014 at 10:00

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Keydown event Javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related