Javascript 在两个div和网页之间切换焦点

这是问题的答案，感谢@CumminUp07

我发现这很有帮助，只是我不希望在建议div中选择元素后建议div消失，以便以后选择更多建议。我曾尝试使用slideUp和slideDown jquery函数来实现这一策略，但这当然不如show和hide jquery函数快，并且尝试加快滑动函数的速度最终会阻止建议div再次出现。 以下是我目前所坚持的一些观点：

$'search'.focus函数{ $“建议”。向下滑动； }; $‘搜索’函数{ $‘建议’。幻灯片； }; $'suggestions div'。单击函数{ $'search'.val$this.html； $“建议”。向下滑动； $‘搜索’。焦点； }; 搜索 建议{ 宽度：200px； } 建议{ 显示：无； 边框：1px纯色灰色； 边界顶部：无； } 建议组：悬停{ 背景色：99CCFF； } 多伦多 西雅图 达拉斯

---

您可以停止动画完成，然后仅显示建议

$('#search').focus(function() {
    $('#suggestions').slideDown();
});

$('#search').blur(function() {
        $('#suggestions').slideUp();
});

$('#suggestions div').click( function() {
    $('#suggestions').stop(true,true).show();
    $('#search').focus();
    $('#search').val($(this).html());

});

---

您可以停止动画完成，然后仅显示建议

$('#search').focus(function() {
    $('#suggestions').slideDown();
});

$('#search').blur(function() {
        $('#suggestions').slideUp();
});

$('#suggestions div').click( function() {
    $('#suggestions').stop(true,true).show();
    $('#search').focus();
    $('#search').val($(this).html());

});

---

也许对你有帮助

$('#search').focus(function() {
  $('#suggestions').slideDown();
});

$('#search').blur(function() {
  $('#suggestions').slideUp();
});

$('#suggestions div').click(function() {
  $('#search').val($(this).html());
  $('#search').blur();
});

---

也许对你有帮助

$('#search').focus(function() {
  $('#suggestions').slideDown();
});

$('#search').blur(function() {
  $('#suggestions').slideUp();
});

$('#suggestions div').click(function() {
  $('#search').val($(this).html());
  $('#search').blur();
});

---

如果我的理解是正确的，那么你要寻找的有几个答案：那么，问题是什么？想让这更快吗？是的，如果可能的话，我想让建议div几乎立即出现。我正在尝试第一条评论中的链接。等等，我很困惑-你想更快地打开它吗？或者只是确保它在选择城市时不会关闭？确保它在选择城市时不会永久关闭。如果你知道一种不依赖200毫秒计时器的方法，那就太棒了。如果我的理解是正确的，你要寻找的答案如下：那么，问题出在哪里？想让这更快吗？是的，如果可能的话，我想让建议div几乎立即出现。我正在尝试第一条评论中的链接。等等，我很困惑-你想更快地打开它吗？或者只是确保它在选择城市时不会关闭？确保它在选择城市时不会永久关闭。如果你知道一种不依赖200毫秒计时器的方法，那就太棒了。答案应该是信息性的，并且至少提供一个简单的解释。考虑指出你改变了什么或者解释你想要做什么。否则，你的答案就是一场“点睛之笔”游戏。答案应该是信息性的，并且至少提供一个简单的解释。考虑指出你改变了什么或者解释你想要做什么。否则，你的答案就是一场发现差异的游戏。