Question

我有这个，

<script type="text/javascript">
...
$("#img-clck").click(codeAddress);
...
</script>

<input type="image" src="btn.png" alt="" id="img-clck" />
<input type="text" name="Addr" id="Addr" value="" onclick ="document.getElementById('Addr').value='';"/>

虽然我可以通过单击图像按钮来执行函数调用，但问题是我还需要按“Enter”。我试图在<form>之前加入<input ...>，但这导致我去了。

如何按下“Enter”??

提前致谢。

Answer 1

您必须在keypress中找到window事件。

这样的事情：

$(window).keypress(function(e) {
    if(e.keyCode == 13) {
        // this is an Enter!
        $("#img-clck").trigger("click");
        return false;
    }
});

祝你好运。

Answer 2

只需将其打包在form中并使用表单的onsubmit事件 - 这样就可以在Enter和点击时使用：

$('#myform').submit(function() {
  codeAddress();
  return false;
});

Answer 3

$(window).keyup(function(e) {
    if(e.keyCode == 13) {
        // this is an Enter!
        $("#img-clck").trigger("click");
        return false;
    }
});

您也可以使用keyup事件。 Keypress用于字符键。输入不是字符键。

Answer 4

您应该将input放在form元素中。

<form id="form">
  <input type="image" src="btn.png" alt="" id="img-clck" />
  <input type="text" name="Addr" id="Addr" value="" onclick ="document.getElementById('Addr').value='';"/>
</form>

在您的JavaScript中：

$('#form').submit(function(e){
  e.preventDefault();
  //Process form
});

如果您在Addr字段中按Enter键，或点击该图片，则会提交。

JSFiddle

输入类型=“图像”+ jquery图像点击功能+输入

4 个答案: