怎么做：每次输入值更改时自动按"Enter"。(JS)

Question

我想让网站按"输入"；在输入值被改变之后，其自身自动地

语言：Javascript

有人能帮我解决这种问题吗

提前感谢

所以我有一个搜索栏，它可以进行过滤，而且我有带类别的按钮(当我按下按钮时，它会将输入值填充到按钮类别名称中(，问题是：在那之后，我需要专注于输入值并按下"；"自动输入键"；以过滤数据

<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>