Отправить сообщение из поля ввода в базу данных нажатием Ввода

Question

я сделал веб-чат, который эти коды:

<div id="namebox">Name: <input type="text" id="name" autofocus autocomplete="on" ></div> 
<div id="msgbox" >Message: <input type="text" id="message"></div> 
<div id="submitbox"><button onClick="postMessageToDB(); return false;" id="submit">Submit</button></div> 

Итак, сообщение идет в штрафе базы данных, нажав на кнопку отправить, однако я был задаваясь вопросом, как подать код, чтобы нажать кнопку ввода, и он будет отправлен, поэтому будет два варианта.

Я использую OnClick и OnKeyPress, который он не работает.

<div id="submitbox"><button onClick="postMessageToDB(); return false;" id="submit" onkeypress="postMessageToDB(this, event); return false;">Submit</button></div> 

Если браузер:

<script type="text/javascript"> 
    function postMessageToDB(inputElement, event) { 
     if (event.keyCode == 13) { 
      inputElement.div.submit(); 
     } 
    } 
</script> 

Im не используя форму, потому что попросили быть ДИВ, не форма.

Действительно ценю за любую помощь. Большое спасибо

Answer 1

Ваш код будет работать только тогда, когда вызывается postMessageToDB() ... он не слушает нажатия клавиши.

Использование JQuery:

$(window).keyup(function(e) { 
    if(e.keyCode==13) { 
     postMessageToDB([...]); 
    } 
} 

Answer 2

Вам нужно вызвать функцию, вы можете сделать это путем добавления EventListener в документ, а затем проверить, если это указать, что была нажата.

 var keyevent = (/Firefox/i.test(navigator.userAgent)) ? "keypress" : "keydown"; // fit browser 

     document.addEventListener(keyevent, function(e) { 
      if (event.keyCode == 13) { 
       var a = document.getElementById('name').value; //get field values 
       var b = document.getElementById('message').value; //get field values 
       postMessageToDB(inputElement, event); // as I said, not sure what this will do, but you need to get the data you want to pass first within this function. 
       } 
     }); 

Затем просто удалите нажатие медосмотр от вас работать, и вы должны проверить эту линию, я не могу видеть, что это будет работать:

inputElement.div.submit();