<body>
<div class="firstBox">
<div class="box">
<div class="btn"></div>
<input type="text" id="cph" value="" />
</div>
<div class="content">
</div>
</div>
</body>
<script type="text/javascript">
var oInp = document.getElementById("cph");
oInp.oninput = debounce(ajax, 1000);
function debounce(handler, delay) {
var timer = null;
// 返回函数引用
return function() {
var _self = this;
var _args = arguments;
clearTimeout(timer);
timer = setTimeout(function() {
/*改变handler的this指向。
* handler的this指向当前返回的函数引用，例如：oInp.oninput = debounce(ajax, 1000);
* 此时this就是指向oInp.oninput了
*/
handler.apply(_self, _args);
}, delay);
}
}
function ajax(e) {
console.log(e + " " + this.value);
}
</script>
