How to Keypress-enter on every Browser?

Question

How can you make the keypress action work? Got a chat, with which i want to send - what else - messages. In the Form-tag (its jsp based) i got this:

" name="chat" target="content" onkeypress="Javascript: if (event.keyCode==13) SendMessage();" OnSubmit='SendMessage();return false;'>

the function in the script is the following:

    function SendMessage()
       {
         if (event.keyCode===13) {
           alert('ENTER PRESSED'); // to make sure the function is called
           document.chat.submit();
           document.chat.msg.value = "";
           document.chat.reset();
           document.chat.msg.focus();
        }
     }

This is working fine on Chrome but not on Firefox, but it should work on every Browser. In addition, this script causes firefox to not clear the textfield (i think, because the function is not called properly). Any suggestions or help on this? i'm pretty lost..

did you try [`event.charCode`](http://stackoverflow.com/a/15700208/3841803) — singhakash, Apr 02 '15 at 05:50

tkay · Accepted Answer · 2015-04-02T06:23:56.970

0

Here is a solution.

function SendMessage(event){
var x = event.which || event.keyCode;
if (x === 13){
//your code
}
}

The keyCode property may not work on the onkeypress event in Firefox. However, the which property does.

if the browser supports event.which, then use event.which, otherwise use event.keyCode

edited Apr 02 '15 at 06:23

answered Apr 02 '15 at 05:54

tkay

1,716
14
18

how do i add the 13 (enter) here? Doesn't this code does the action if i press any key? – arserenko Apr 02 '15 at 06:32

Mark Lee · Answer 2 · 2015-04-02T06:25:41.073

0

keep html

" name="chat" target="content" onkeypress="Javascript: if (event.keyCode==13) SendMessage();" OnSubmit='SendMessage();return false;'>

and change function to this

function SendMessage()
{
    alert('ENTER PRESSED'); // to make sure the function is called
    document.chat.submit();
    document.chat.msg.value = "";
    document.chat.reset();
    document.chat.msg.focus();
}

edited Apr 02 '15 at 06:25

answered Apr 02 '15 at 05:57

Mark Lee

301
1
2
9

Thanks for the Answer. sadly, this works in Firefox but not in google chrome. :( If I press enter, the alert will come but the document won't send the message with 'document.chat.submit();' – arserenko Apr 02 '15 at 06:13
Both two methods are failed? – Mark Lee Apr 02 '15 at 06:19
@arserenko My bad, sorry. I changed the answer – Mark Lee Apr 02 '15 at 06:28
yep.. both failed. it works in FF like i said but not in Chrome, maybe because of the keypress? – arserenko Apr 02 '15 at 06:30

score 0 · Answer 3 · 2015-04-02T06:49:40.323

0

Try onkeyup:

var chat = document.chat;// chat form
var send = function() {
  chat.msg.value = '';
  chat.msg.focus();
};

var trySend = function(e) {
  e = e || event;
  var k = e.keyCode || e.which;
  if (13 === k)
    send();
};

<form name='chat' onsubmit='send();return false;'><!-- won't submit form -->
  <textarea name='msg' onkeyup='trySend(event)'></textarea>
  <button>Send</button>
</form>

edited Apr 02 '15 at 06:49

answered Apr 02 '15 at 06:21

holy crap this worked. i now got what you told. also this was a probelm of the "keypressed". keyup fixed it as well. thanks alot! – arserenko Apr 02 '15 at 06:44

score 0 · Answer 4 · answered Apr 02 '15 at 06:34

$('form[name="chat"]').on('keyup', function(e){
        if (e.which === 13) {
            alert('ENTER PRESSED'); // to make sure the function is called
            document.chat.submit();
            document.chat.msg.value = "";
            document.chat.reset();
            document.chat.msg.focus();
        }
});

How to Keypress-enter on every Browser?

4 Answers4