众所周知，如果想到实时监听input框值的改变可以通过监听 input 事件完成，例如：

let $input = $("#input");
$input.on("input", function(e){
  console.log(this.value);
});
但是要实现input的监听只能通过手动输入数据才能触发，如果是通过js去修改value，则不会触发。例如：
 
//1.获取dom节点，并监听input事件
let $input = $("#input");
$input.on("input", function(e){
  console.log(this.value);
});
//2.通过js修改value值，观察是否触发`input`事件，结果是无法触发的
$input.val("abc");
那我们如何才能让js修改value值之后触发input事件呢? 答案就是在修改value之后，手动的去触发一下dom的input事件，例如：
 
//1.获取dom节点，并监听input事件
let $input = $("#input");
$input.on("input", function(e){
  console.log(this.value);
});
//2.通过js修改value值
$input.val("abc");
//3.手动触发`input`事件，观察是否触发`input`事件，结果是触发成功
$input.trigger('input');
				
本文实例讲述了js与jquery实时监听输入框值的oninput与onpropertychange方法。分享给大家供大家参考。具体如下：
最近做过一个项目，需求是下拉框里自动匹配关键字，具体细节是实时监听文本框 value 值的变化，然后匹配相关内容。
初接项目，首先想到的是 JQ 里的 change，但是马上排除此方法，因为 change 是在文本框失去焦点时才会触发。曲线救国一下，想到用 ...
				
先说使用场景：针对超大数据，内存不够存储数据。
假设有一个1千万的日志数据，需要将这一千万的数据，全部都清洗一遍，从每一条的数据中查询出匹配的有效数据，且不能修改原始数据。
第一种办法
一次性查出来，内存不够，而且会很慢，不可取。这种方法就直接放弃。
第二种办法
分页查询， 每次查询1000条，每次处理完后，再分页查询。
这种分页查询，分页会很慢，除非是有索引id,通过顺序读取，还有可以优化一下。
第三种办法
游标查询   org.apache.ibatis.cursor.Cursor
数据库查询DAO
				
之前一直在用jq的change()方法来处理输入框的值变化事件，以及触发输入框的变化事件。
后来发现change()方法有个弊端，change事件的发生条件是：输入框的值value发生变化，并且输入框失去焦点之后，才会触发。
于是就找到了一个html5里面的新事件"oninput"，这个事件的神奇之处就在于，当输入框的值发生变化之后，立即触发事件。
使用方法如下：(其中onprop...
$('#username').bind('input
 propertychange', function() {
    $('#content').html($(this).val().length
主要代码部分
 let searchTimer = null; //全局定时器
 this.$ele.on('input', '.search input', function () {
 	clearTimeout(searchTime
分析为什么不能用：
当readOnly的input 充当下拉框的时候，onchange 与 oninput的事件都不能用。猜测是不能获取焦点。导致的onchange事件不能正常用。
oninput是必须...