捕获Enter键

Question

我正在尝试捕获Enter键，如下所示：

$("#txt1").keypress(function(event){

 if(event.which==13) //Also tried using event.keycode
  $("#add").load("newjsp.jsp?q="+this.value)
})

但每次我按enter键时，文本都会被删除，并且不会以(#add)的形式显示出来。我该怎么做呢？

我在下面的代码中也遇到了一个问题，

     $("#txt1").keyup(function(event){

             $("#add").load("newjsp.jsp?q="+this.value)
        })

<form> 
    Comment: <input type="text" id="txt1"></input>
 </form>
        <p><p></p></p>
           <form id="add">
           </form>

当我运行这段代码时，textbox中的文本被添加到我的窗体(#add)中，但当我按下空格键时，该文本被擦除(从#add窗体中，而不是从textbox中)，然后不再添加任何文本。我尝试过使用keydown和keypress，但仍然存在同样的问题。我不明白问题出在哪里，因为this.value在文本框中给了我完整的值！包括空格。

Answer 1

您的第一个示例是正确的。除非您需要在按下“enter”后防止事件冒泡。默认情况下，按enter会提交表单。FinalFrag关于空格的看法是正确的

$('#txt1').keypress(function(e){
    if (e.which===13) {
        e.preventDefault();
        e.stopImmediatePropagation();
        $("#add").load("newjsp.jsp", {q: $(this).val()} );
    }
});

*编辑以反映Tomalak的评论。

Answer 2

this.value确实会将按下的键添加到加载请求中。但是，您的浏览器可能会将请求的url中的空格去掉，将"q=hello“改为"q=hello”

在请求中使用该值之前，应对其进行转义。

在这里看一下javascript escape()函数：http://www.w3schools.com/jsref/jsref_escape.asp

Answer 3

对于第二个问题，您应该使用encodeUricomponent()对这些值进行编码，以便可以在url中使用它们：

 $("#txt1").keyup(function(event){

         $("#add").load("newjsp.jsp?q="+encodeURIComponent(this.value));
    })

对于第一个问题，您应该阻止默认操作并停止传播：

$('#txt1').keypress(function(e){
    e.preventDefault();
    e.stopImmediatePropagation()
    if (e.which===13) {
        $("#add").load("newjsp.jsp?q=" + $(this).val());
    }
});