首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Event.preventDefault()不能工作吗?

Event.preventDefault()不能工作吗?
EN

Stack Overflow用户
提问于 2012-09-11 01:30:38
回答 3查看 3.2K关注 0票数 1
代码语言:javascript
运行
复制
$("#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。

如何预防呢?我需要使用回车按钮,因为它是一个聊天应用程序。

EN

Stack Overflow用户

发布于 2012-09-11 01:35:50

代码语言:javascript
运行
复制
$("#chatform").submit(function(Event) {
  Event.preventDefault();
  $("#singlechatpanel-1 .subpanel ul").append('<li><span><img src="./images/chat-      thumb.gif"/>Aristona: Test message.</span></li>');
});
代码语言:javascript
运行
复制
<form name="chatForm" id="chatform">
  <input type="text" id="message" name="message"><br>
  <input type="button" name="sendMessage" id="sendMessage" value="Send Message">
</form>

这将会有所帮助。将处理程序放在表单提交中。

票数 0
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12356667

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档