如何在頁面加載時停止執行某個javascript

Question

我正在使用查詢自動完成來選擇我從MySQL數據庫中檢索的成員。 這部分代碼正常工作。 然后我寫了一個腳本來獲取所選的值並將其附加到URL並打開它。 腳本可以做到這一點，但它有問題。

第一個問題是當文件加載時，它不會等待自動完成文本輸入改變，但它會在頁面加載時執行。 我可以點擊瀏覽器上的后退按鈕然后再次執行，然后我第三次按下后退按鈕停留在頁面上。 此時我可以在文本輸入中鍵入一個字母，並返回一個選項列表。 然后我可以選擇一個，javascript附加值並打開新頁面，其中包含所請求的信息。

第二個問題是在我從下拉列表中選擇一個成員后，我必須在autocompletechange觸發之前單擊文本輸入字段。 我選擇但在離開文本輸入之前如何才能觸發它？

這是HTML文件：

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
    <script type="text/javascript">
    $(function () {$('#theinput').autocomplete({source: 'search.php'});
    });
 </script>
 </head>
 <body>
   <input type="text" id="theinput" />
   <button type="button" onclick="ClearFields();">Clear</button>
   <script type="text/javascript">
   $(function myFunction ()  {
   $('#theinput').on('autocompletechange change', function () {
   location.href = 'dirlist.php?title=' + document.getElementById('theinput').value    
   }).change();
 });
 function ClearFields() {document.getElementById("theinput").value = "";}
 </script>
 </body></html>

Answer 1

你自己調用change功能，沒有嘗試過嗎？

$(function myFunction ()  {
    $('#theinput').on('autocompletechange change', function () {
        location.href = 'dirlist.php?title=' + 
        document.getElementById('theinput').value    
    }); // <-- no .change() right here!
});

如何在頁面加載時停止執行某個javascript

問題描述

1 個解決方案

解決方案1
3 已采納 2018-11-03 16:25:42

如何在頁面加載時停止執行某個javascript

問題描述

1 個解決方案

解決方案1 3 已采納 2018-11-03 16:25:42

解決方案1
3 已采納 2018-11-03 16:25:42