背景：项目开发过程中客户提到这样的需要，要求能实时匹配输入的值，由于数据量很大，如果用户每次输入都向后台服务器请求数据，服务器压力会很大，而且返回的数据有延迟，影响用户体验。遂决定当用户第一次输入的时候才会向后台发送请求。
<html>
<head>
<script src="jquery-1.11.2.min.js"></script>
<script type="text/javascript">
var txtVal;
function textChange( $el ){
var val1 = txtVal || '';
var val2 = $el.val() || '';
if(val2.length > 0 && val1.substr(0,1) !== val2.substr(0,1)) {
txtVal = $el.val();
console.log('new value of first char: ' + $el.val());
}
}
</script>
</head>
<body>
<input type="text" name="myname" id="myname" />
<script type="text/javascript">
$('#myname').bind('keyup', function(e){
textChange( $(this) );
});
</script>
</body>
</html>