为什么我的输入按钮会刷新我的页面?

时间:2015-03-17 11:50:30

标签: jquery reload enter

这是我的"网站"的Jquery代码。

$(document).ready(function() {
$('#val').click(function() {
    var toAdd = $("input[name=message]").val();
    $('#messages').append("<p>"+toAdd+"</p>");
    $('#messages').val(""); //remove text in textbox//  
});

$('#kor').click(function() {
var random = Math.floor((Math.random()*$("#messages>p").length));

alert($("#messages>p").eq(random).text());
});
});

我有一个文本框,按下&#34;#val&#34;它将文本框中的内容添加到&#34; pool&#34;它会更快地随机选择池中的东西。

我的问题是当按下Enter键时,我的页面重新加载。我想将我的输入按钮绑定到&#34; #val&#34;或禁用它。导致按下进入和重新加载页面非常烦人。

1 个答案:

答案 0 :(得分:2)

正如adeneo所说,你必须阻止提交表单的Enter键的默认行为。但他没有说怎么样:)这是怎么回事:

$('#val').click(function(e) {
    e.preventDefault();
   /* some other stuff */
})