我該怎么做：每次輸入值更改時自動按“Enter”。（JS）

Question

我希望網站在輸入值更改后自動按“Enter”。

語言：Javascript

有人可以幫忙解決這種問題嗎？！

提前致謝！

所以我有一個可以過濾的搜索欄，還有帶有類別的按鈕（當我按下按鈕時，它會將輸入值填充到按鈕類別名稱中），問題：所以之后我需要關注輸入值並按“Enter鍵自動”來過濾數據。

<input
            autocomplete="off"
            type="text"
            id="myInput"
            class="searchbox-input"
            placeholder="&#128269; დასერჩე..."
            title="Type in a name"
          />
        
        <div class="available-prods-wrapper">
          <div id="available-prods" class = "available-prods">
            
              
          </div>
        </div>

        


        <script>

          
          const prodNames = [
              {id : 1, name : "ACDC"},
              {id : 2,name:  "The Beatles" },
              {id : 3,name: "Barry White"}
            ]
          

            // writes clicked button p in input
            function test(id){
            let txt = p = document.querySelector(`#${id}`);
            document.getElementById("myInput").value = txt.textContent;
          }
          
            




            const prodContainer = document.getElementById('available-prods');
          
          prodNames.forEach((result, idx) => {
            // Create card element
            const prodCard = document.createElement('div');
            prodCard.classList = 'item-body';
          
            // Construct card content
            const content = `
            <div class="item" id='button-${result.id}'onclick="test(this.id);getFocus()"><p>${result.name}</p></div>
            `;
          
            // Append newyly created card element to the container
            prodContainer.innerHTML += content;  
          })

Answer 1

我希望這段代碼可以幫助你:)

 const prodNames = [{ id: 1, name: "ACDC" }, { id: 2, name: "The Beatles" }, { id: 3, name: "Barry White" } ] // writes clicked button p in input function test(id) { let txt = p = document.querySelector(`#${id}`); document.getElementById("myInput").value = txt.textContent; } const selectElement = document.querySelector('.searchbox-input'); selectElement.addEventListener('input', (e) => { e.keyCode = 13; e.click; //check if enter is clicked auto after input value change var code = (e.keyCode ? e.keyCode : e.which); if (code == 13) { //Enter keycode alert('enter press'); } //end check }); const prodContainer = document.getElementById('available-prods'); prodNames.forEach((result, idx) => { // Create card element const prodCard = document.createElement('div'); prodCard.classList = 'item-body'; // Construct card content const content = ` <div class="item" id='button-${result.id}'onclick="test(this.id);getFocus()"><p>${result.name}</p></div> `; // Append newyly created card element to the container prodContainer.innerHTML += content; })

 <input autocomplete="off" type="text" id="myInput" class="searchbox-input" placeholder="&#128269; დასერჩე..." title="Type in a name" /> <div class="available-prods-wrapper"> <div id="available-prods" class="available-prods"> </div> </div>