Завершение поиска в пространстве с помощью скрипта начальной загрузки

Question

У меня есть выпадающее окно поиска на моем сайте. Проблема в том, что, когда вы вводите поисковый запрос, состоящий более чем из одного слова, он закрывает раскрывающийся список, так как скрипт доступности начальной загрузки считает, что пользователь пытается использовать пространство для навигации. У меня двоякий вопрос:

Как уберечь его от окна поиска?

Если я это сделаю, все еще доступно, а если нет, предложения?

Спасибо. Скрипка здесь: https://jsfiddle.net/aq9Laaew/184048/

    <ul>
  <li class="dropdown hidden-xs"><a href="https://dev.craftonhills.edu/faculty-and-staff/index.php#" class="dropdown-toggle search-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Search</a>
    <ul class="search-dropdown-menu dropdown-menu" role="menu">
      <li>
        <div id="ctl01_Google_Custom_Search">
          <div id="search-form"> 
            <!--<gcse:searchbox-only></gcse:searchbox-only>-->
            <form action="https://www.craftonhills.edu/utilities/search.php" class="searchform" id="cse-search-box">
              <input name="cx" type="hidden" value="002089989202594896610:obysh2a6sbs">
              <input name="ie" type="hidden" value="UTF-8">
              <label for="q" class="sr-only">Search Box</label>
              <span class="gsc-input">
              <input class="search-box" id="q" name="q" onfocus="document.getElementById(&#39;q&#39;).value=&#39;&#39;" type="text" placeholder="" title="Google Custom Search" style="border: 1px solid rgb(126, 157, 185); padding: 2px; background: rgb(255, 255, 255); text-indent: 0px;">
              </span>
              <input type="submit" class="search-button gsc-search-button" value="Go">
              <input name="siteurl" type="hidden" value="dev.craftonhills.edu/faculty-and-staff/index.php">
              <input name="ref" type="hidden" value="dev.craftonhills.edu/prospective-students/index.php">
              <input name="ss" type="hidden" value="">
              <input name="siteurl" type="hidden" value="dev.craftonhills.edu/faculty-and-staff/index.php">
              <input name="ref" type="hidden" value="dev.craftonhills.edu/prospective-students/index.php">
              <input name="ss" type="hidden" value="">
            </form>
            <script type="text/javascript" src="./search_files/f.txt"></script> 
          </div>
        </div>
      </li>
    </ul>
  </li>
</ul>

Answer 1

Попробуйте использовать что-то вроде этого в пользовательском jquery:

$('input#q').keydown(function(e) {

        // alert (e.keyCode);

    if (e.keyCode == 32) {
        e.stopPropagation();
    }
});

Я думаю, что это работает, но я не профессионал в javascript.

B.t.w. Я протестировал его в вашем примере с помощью js-кода, который вы связали, и я мог набрать несколько слов и пробелов. Но я не профессионал, так что, может быть, это будет конфликтовать с чем-то, но это исправление:)