Javascript/HTML 屏幕键盘使用输入标签

Question

我正在尝试配置一个屏幕键盘，用户可以使用该键盘在输入元素中输入内容，并且当输入元素内的字符串长度超过 1 时执行特定功能。

到目前为止，我得到了以下内容：

<form>
    <input id="search" type="text" onchange="livesearch(this.value)">
</form>

哪个是输入元素本身，哪个-onchange它执行以下函数：

function livesearch(input){
    if(input.length > 1){
        alert(input);
    }
}

但是，要从屏幕键盘将字符输入到 input 元素中，我使用以下方法：

document.getElementById('search').value += 'Q' 

在搜索框的长度超过 1 并且用户单击框周围的空白区域后运行 livesearch 功能，但是通过屏幕键盘输入文本时它不起作用。我还想解决用户单击元素外的空白以执行该功能的需要。

任何帮助将不胜感激，如有任何问题，请告诉我。

Answer 1

在输入失去焦点之前，change 事件不会触发。要实现您的要求，您可以执行以下操作（使用 jQuery）：

$('input').on('change keyup paste', function() {
  console.log("Add your logic here...")
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" />

这将在输入更改、用户释放键（即类型）或将某些内容粘贴到输入字段时触发您的代码。