按下enter键时Javascript没有提交,它只是清除文本框
我有以下代码:按下enter键时Javascript没有提交,它只是清除文本框,javascript,html,Javascript,Html,我有以下代码: <form style="position: absolute; bottom: 5px; padding-bottom: 10px;height: 10%;" id="newmessageForm"> <textarea name="message" placeholder="Type your message here" rows="9" cols="225" id="newmessage" resize="none
<form style="position: absolute; bottom: 5px; padding-bottom: 10px;height: 10%;" id="newmessageForm">
<textarea name="message" placeholder="Type your message here" rows="9" cols="225" id="newmessage" resize="none" style="float: left; opacity: 0.7;"></textarea>
<input class="btn-login" type="Submit" name="send" style="float: left">
</form>
<script>
var chatInput = document.getElementById('newmessage');
var chatForm = document.getElementById('newmessageForm');
chatInput.onkeypress = function(e) {
if (e.charCode == 13) {
e.preventDefault();
chatForm.submit();
}
};
</script>
var chatInput=document.getElementById('newmessage');
var chatForm=document.getElementById('newmessageForm');
chatInput.onkeypress=功能(e){
如果(e.charCode==13){
e、 预防默认值();
chatForm.submit();
}
};
按下enter键时,它不会发送消息,只会清除文本框,“有人能帮忙吗?”此消息提交到哪里?form元素中没有action属性。您需要方法和操作属性才能使提交生效 该提交到哪里?form元素中没有action属性。您需要方法和操作属性才能使提交生效 您的表单没有做任何事情,它正在提交,但表单没有做任何事情,添加一个
操作=“”
和方法=“”
,以显示提交。您的表单没有做任何事情,它正在提交,但表单没有做任何事情,添加一个操作=“
和方法=“”
以显示提交。您不需要监听enter键,而是监听表单submit
事件并阻止默认操作
var chatForm = document.getElementById('newmessageForm');
chatForm.addEventListener('submit', function(e) {
e.preventDefault();
});
您不需要监听回车键,而是监听表单
submit
事件并阻止默认操作
var chatForm = document.getElementById('newmessageForm');
chatForm.addEventListener('submit', function(e) {
e.preventDefault();
});
还有另一个javascript正在处理。。。它的工作原理是按下按钮,而不是回车键还有另一个javascript正在处理。。。它可以按按钮,而不是按回车键