Question

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

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

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

但每次按回车键时，文本都会被删除，并且不会以表格形式显示（#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>

当我运行此代码时，文本框中的文本会添加到我的表单（#add），但是当我按空格键时，文本将被删除（来自#add表单，而不是文本框）然后不再添加文本。我尝试过使用keydown和keypress，但问题仍然存在。我无法理解问题所在，因为this.value在文本框中给了我完整的价值！包括空格。

Answer 1

this.value确实会将按下的键添加到加载请求中。但是，您的浏览器可能会修剪所请求网址的空格，将“q = hello”变为“q = hello”

您应该在请求中使用它之前转义该值。

在这里查看javascript escape（）函数：http://www.w3schools.com/jsref/jsref_escape.asp

Answer 2

你的第一个例子是正确的。按“输入”后，您需要防止事件冒泡。默认情况下按Enter键提交表单。 FinalFrag对空格

是正确的

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

*编辑以反映Tomalak的评论。

Answer 3

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

 $("#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());
    }
});

捕获Enter键

3 个答案: