Event.preventDefault()不能工作吗？
Event.preventDefault()不能工作吗？
提问于 2012-09-11 01:30:38
$("#singlechatpanel-1 #sendMessage").click(function(Event)
{
Event.preventDefault();
$("#singlechatpanel-1 .subpanel ul").append('<li><span><img src="./images/chat-thumb.gif"/>Aristona: Test message.</span></li>');
});
<form name="chatForm" id="chatform">
<input type="text" id="message" name="message"><br>
<input type="button" name="sendMessage" id="sendMessage" value="Send Message">
</form>当我用鼠标点击按钮时，它通常会发送数据，但如果我在文本框中键入内容时按enter键，页面会刷新，URI会转到message?what_I_typed。
如何预防呢？我需要使用回车按钮，因为它是一个聊天应用程序。
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-09-11 01:32:09
而是绑定到窗体的提交事件。
$("#chatform").submit(function(e) {
e.preventDefault();
$("#singlechatpanel-1 .subpanel ul").append('<li><span><img src="./images/chat-thumb.gif"/>Aristona: Test message.</span></li>');
});Stack Overflow用户
发布于 2012-09-11 01:33:38
尝尝这个。在末尾添加return false。
$("#singlechatpanel-1 #sendMessage").click(function(Event)
{
Event.preventDefault();
$("#singlechatpanel-1 .subpanel ul").append('<li><span><img src="./images/chat-thumb.gif"/>Aristona: Test message.</span></li>');
return false;
});Stack Overflow用户
发布于 2012-09-11 01:35:50
$("#chatform").submit(function(Event) {
Event.preventDefault();
$("#singlechatpanel-1 .subpanel ul").append('<li><span><img src="./images/chat- thumb.gif"/>Aristona: Test message.</span></li>');
});<form name="chatForm" id="chatform">
<input type="text" id="message" name="message"><br>
<input type="button" name="sendMessage" id="sendMessage" value="Send Message">
</form>这将会有所帮助。将处理程序放在表单提交中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12356667
复制相关文章
相似问题
腾讯云开发者
