Question

这是我在此即时消息网上所做的最新进展

＆＃13;

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

＆＃13;

当我按下键盘上的Enter键时会动态发送消息，但是我也想制作一个同样功能的按钮，我已经尝试将输入和提交按钮放入表格，但它会刷新整个页面。

＆＃13;

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

＆＃13;

对我有什么建议吗？感谢。

亲切的问候

Answer 1

使用button而非submit

更改类型

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

或

使用preventDefault()功能阻止页面刷新

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

Answer 2

您可以尝试onclick="$('#textInput').trigger('keydown')"

之类的内容

它会触发keydown元素

中的textInput功能

＆＃13;

<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')" />

＆＃13;

在即时消息javascript应用程序上调用函数onclick提交按钮

2 个答案: