Call function onclick submit button on instant message javascript app

Question

This is the current progress I have done on this instant message web

 <input name="chang" id="textInput" class="input responsive-column" placeholder="Please enter your message here" type="text" onkeydown="ConversationPanel.inputKeyDown(event, this)"> 

Which will send the message dynamically when I press the Enter Key on the keyboard, but I want to also make a button which will do the same function as well, I have already tried to put the input and a submit button in a form but it will refresh the whole page.

  <input type="submit" value="send" onclick=""/> 

Any suggestion for me? Thanks.

kind regards

Answer 1

Change the type with button instead of submit

 <input type="button" value="send" onclick="$('#textInput').trigger('keydown')"/>

OR

use preventDefault() function for preventing the page refresh

<input type="submit" value="send" onclick="event.preventDefault(),$('#textInput').trigger('keydown')"/>

Answer 2

You can try something like onclick="$('#textInput').trigger('keydown')"

It will trigger the keydown function you have in your textInput element

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input name="chang" id="textInput" class="input responsive-column" placeholder="Please enter your message here" type="text" onkeydown="console.log('textInput is triggered')"> <input type="button" value="send" onclick="$('#textInput').trigger('keydown')" />