在JQuery中转移焦点不起作用

时间:2011-07-01 01:31:10

标签: jquery html

<input type="text" id="title" value="Write your post..." />
<input type="button" id="save_post" class="button" value="Submit" style="cursor:pointer;"/>

所以我把键盘上的输入键绑定做了一些事情,这是:

$(document).keypress(function(e){
        if (e.which == 13){
            $("#save_post").click();
            $("#save_post").focus();
        }
    });

问题是,我想转移焦点,好像我真的在点击按钮一样,这样它就会把焦点从文本字段中移开(我也有一个字符计数器),并且还将光标移出那个文本字段,但这不起作用。光标停留在字段中,即使文本框中没有任何内容,字符计数器仍会计算您刚刚提交的内容。

我做错了什么?

1 个答案:

答案 0 :(得分:0)

以下对我有用:

/* Cache a reference to save_post since we
   will use it more than once */
var $btn_savepost = $("#save_post");

/* Make sure we know when our button is hit */
$btn_savepost.click(function(){ alert("Clicked Me"); });

/* Capture all kepress events on the document
   level, and check which key it is */
$(document).keypress(function(e){
  if ( e.which === 13 ) $btn_savepost.focus().click();
});

演示:http://jsbin.com/izusem/2/edit