jQuery Rails 重新关注实时搜索输入框

发布于 2024-10-18 00:41:33 字数 352 浏览 5 评论 0原文

我对 jQuery 很陌生，正在学习有关如何制作实时搜索栏的教程。实时搜索栏效果很好，只是在输入每个字符后，会发生获取结果的 ajax 请求，并且我会失去对文本框的焦点。这需要我一遍又一遍地单击每个字符的搜索框...我想知道，如何使光标回到字符串末尾？

$(function() {
  $('#search_user input').live('keyup', function(event) {
    $.get($('#search_user').attr('action'), $('#search_user').serialize(), null, "script");
    return false;
  });
});

原文

I'm pretty new to jQuery and was following a tutorial on how to make a live search bar. The live search bar works great, except that after every character entered, the ajax request to get the results occurs and I lose focus on my text box. This requires me to click on the search box over and over for each character... I'm wondering, how can I get the cursor back at the end of the string?

$(function() {
  $('#search_user input').live('keyup', function(event) {
    $.get($('#search_user').attr('action'), $('#search_user').serialize(), null, "script");
    return false;
  });
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

毁梦 2024-10-25 00:41:33

如果由于某种原因焦点丢失，您可以尝试将 $(this).focus(); 添加到回调函数的末尾。例如：

$(function() {
    $('#search_user input').live('keyup', function(event) {
        var $su = $('#search_user');
        $.get($su.attr('action'), $su.serialize(), null, "script");
        $(this).focus();
        return false;
    });
});

You could try adding $(this).focus(); to the end of your callback function if for whatever reason focus is being lost. For example:

$(function() {
    $('#search_user input').live('keyup', function(event) {
        var $su = $('#search_user');
        $.get($su.attr('action'), $su.serialize(), null, "script");
        $(this).focus();
        return false;
    });
});

回复收藏 0 原文

~没有更多了~