blocks|key|528155|text|$('#loginUserID').keypress(function(event){
++if(event.keyCode+==+13){
++++$('#loginBtn').click();
++}
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|528156|演示：http://jsfiddle.net/Bhf5a/|unstyled|offset|length|528157|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/Bhf5a/^0|0|3|Q|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@$G|S|H|T|1|U]]|A|$]]|$1|I|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]]]

<pre><code>$('#loginUserID').keypress(function(event){
  if(event.keyCode == 13){
    $('#loginBtn').click();
  }
});
</code></pre>

<p>Demo: <a href="http://jsfiddle.net/Bhf5a/">http://jsfiddle.net/Bhf5a/</a></p>


blocks|key|528220|text|如果它们在相同的表单中，并且您将按钮更改为type="submit"，您会发现它会自动发生，但不管怎样…|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|528221|$(document).ready(function()+{

+++$('#loginUserID').keypress(function(e){
++++++if(e.which+===+13)
+++++++++$('#loginBtn').click();
+++});

});|code-block|syntax|javascript|528222|(或者您可能更喜欢.keyup或.keydown。)|528223|entityMap^0|L|D|0|0|9|6|G|8|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|N|$]]

<p>If they're in the same form and you change the button to be <code>type="submit"</code> you should find it happens automatically, but anyway...</p>

<pre><code>$(document).ready(function() {

   $('#loginUserID').keypress(function(e){
      if(e.which === 13)
         $('#loginBtn').click();
   });

});
</code></pre>

<p>(Or you may prefer <code>.keyup</code> or <code>.keydown</code>.)</p>


blocks|key|744755|text|当触发器附加在asp.net代码中而不是js或jquery中时，答案不起作用。最有效的方法是将焦点设置在按钮上。在您的情况下，请将我的命名(sharepoint生成)字段替换为您的登录字段|type|unstyled|depth|inlineStyleRanges|entityRanges|data|744756|++++<script+type+="text/javascript">
++++$(document).ready(function+()+{
++++++++var+zoekveld+=+$(+"input[name='ctl00$m$g_02abe20b_56ca_4744_a694_5bc31dd14f49$ctl02']"+);
++++++++var+loep+=+$(+"input[name='ctl00$m$g_02abe20b_56ca_4744_a694_5bc31dd14f49$ctl04']"+);
++++++++zoekveld.keypress(function(e){
++++++++++++//alert("gevonden+op+name");
++++++++++++var+key+=+e.which;
++++++++++++if(key+==+13){
+++++++++++++++++//alert("op+enter+geklikt");
++++++++++++++++++loep.focus();
+++++++++++++}
++++++++});+++++++++
++++});
+</script>|code-block|syntax|javascript|744757|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>The answer does not work when the trigger is somewhere attached in asp.net code adn not in js or jquery. What works fine is setting the focus on the button. In your case replace my named (sharepoint generated) fields with your login fields</p>

<pre><code>    &lt;script type ="text/javascript"&gt;
    $(document).ready(function () {
        var zoekveld = $( "input[name='ctl00$m$g_02abe20b_56ca_4744_a694_5bc31dd14f49$ctl02']" );
        var loep = $( "input[name='ctl00$m$g_02abe20b_56ca_4744_a694_5bc31dd14f49$ctl04']" );
        zoekveld.keypress(function(e){
            //alert("gevonden op name");
            var key = e.which;
            if(key == 13){
                 //alert("op enter geklikt");
                  loep.focus();
             }
        });         
    });
 &lt;/script&gt;
</code></pre>


blocks|key|528311|text|公认的答案和大多数其他答案都认为click()操作可能会通过提交表单并切换到另一个页面来结束事件处理，或者表单上没有提交，因此它们省略了停止事件链，但情况可能并非如此。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|528312|在目标按钮上调用click()之前，不要忘记调用e.preventDefault()。否则，除了单击之外，表单上的第一个按钮仍然会在回车时触发！|offset|length|style|CODE|528313|$('#loginUserID').keypress(function(event)+{
++++if(event.keyCode+==+13)+{
++++++++e.preventDefault();+//+Stop+the+default+behaviour
++++++++$('#loginBtn').click();
++++}
});|code-block|syntax|javascript|528314|entityMap^0|0|8|7|O|I|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]|$D|S|E|T|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|U|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

<p>The accepted answer, and most of the others, give for granted that the click() action might end event handling by submitting the form and switching to another page, or that there is not a submit somewhere on the form, so they omit stopping the event chain, but this might not be the case. </p>

<p>Don't forget to call <code>e.preventDefault()</code> before calling <code>click()</code> on the target button. Or else, the first button on the form will still fire on enter, in addition to your click!</p>

<pre><code>$('#loginUserID').keypress(function(event) {
    if(event.keyCode == 13) {
        e.preventDefault(); // Stop the default behaviour
        $('#loginBtn').click();
    }
});
</code></pre>


<p>I have an input field and a login button.  I want to allow users to hit the "enter" key to click the button when the input field is focused.  How would I do this with jQuery?</p>

<pre><code>&lt;input type="text" size="10" id="loginUserID" name="username"&gt;
&lt;input type="button" value="Login" name="loginBtn" id="loginBtn"&gt;
</code></pre>


jQuery - Target button with enter key when input field is focused

jQuery

我有一个输入字段和一个登录按钮。我想要允许用户在输入字段被聚焦时点击"enter“键来点击按钮。我该如何在jQuery中做到这一点呢？<input type="text" size="10" id="loginUserID" name="username"><input type="button" value="Log...

问jQuery -当输入字段被聚焦时，带有enter键的目标按钮
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery -当输入字段被聚焦时，带有enter键的目标按钮EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery -当输入字段被聚焦时，带有enter键的目标按钮
EN