Javascript capture key

Question

I am trying to catpure the enter key from a textarea using javascript. The problem is that although I am able to find out that the "enter" key was pressed, I am not unable to avoid it from coming in the textarea. I dont want the enter key i.e. "\n" to be displayed in the text area.

Any suggestions on how to achieve that?

Thank you.

score 9 · Accepted Answer · edited Oct 22 '16 at 18:09

9

Try setting this function as the onKeyDown event for the text area:

ex: onkeydown="javascript:return fnIgnoreEnter(event);"

function fnIgnoreEnter(thisEvent) {
  if (thisEvent.keyCode == 13) { // enter key
    return false; // do nothing
  }
}

edited Oct 22 '16 at 18:09

Sushanth --

55,259
9
66
105

answered Apr 16 '09 at 15:56

wweicker

4,833
5
35
60

Gibolt · Answer 2 · 2017-09-05T21:27:03.037

5

More recent and much cleaner: use event.key instead of event.keyCode. No more arbitrary number codes!

function onEvent(event) {
    if (event.key === "Enter") {
        return false;
    }
};

Mozilla Docs

Supported Browsers

edited Sep 05 '17 at 21:27

answered Sep 05 '17 at 21:20

Gibolt

42,564
15
187
127

`.keyCode` is deprecated. `event` and `key` are not – Gibolt Jan 28 '21 at 20:00
really then how come there is this fuss about the global event been deprecated?? – Yunfei Chen Jan 29 '21 at 18:46
https://stackoverflow.com/questions/58341832/event-is-deprecated-what-should-be-used-instead Looks like someone needs to update their knowledge... :) – Yunfei Chen Feb 15 '21 at 06:33

score 0 · Answer 3 · answered Apr 16 '09 at 16:35

Even if you block the enter button, they could still paste in newlines. This would prevent the enter button, and remove any newlines and carriage returns that got in anyway (only tried this on FF, and minimal thought put into this - it might not work on Safari or IE as-is).

<textarea rows="20" cols="50" onkeydown="return ignoreEnter(event);" onkeyup="noEnter(this);"></textarea>
<script type="text/javascript">
function ignoreEnter( event ) {
 return thisEvent.keyCode != 13; // enter key
}

function noEnter( e ) {
 e.value = e.value.replace(/\n/g,'');
 e.value = e.value.replace(/\r/g,'');
}
</script>

Javascript capture key

3 Answers3

Linked

Related