我有一个附带数据列表的输入:
<input type="text" list="mylist">
<datalist id="mylist">
<option>1
<option>2
</datalist>
当我从列表中选择一个选项时,该change
事件不会在输入元素上触发。那么如何检测输入的变化呢?
您可以捕获input
事件:
document.querySelector('input').addEventListener('input', function() {
alert('Changed!');
});
<input type="text" list="mylist">
<datalist id="mylist">
<option>1
<option>2
</datalist>
更新
我最初没有注意到jQuery标记,@ YanickRochon很好地指出这也应该捕获更改事件。
新片段
$('input').on('input change', function() {
alert('Changed!');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" list="mylist">
<datalist id="mylist">
<option>1
<option>2
</datalist>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句