js 实时监听input中值变化

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>RunJS</title>
	<script id="jquery_183" type="text/javascript" class="library" src="/js/sandbox/jquery/jquery-1.8.3.min.js"></script>
	</head>
	<body>
		<h1 >
			实时监测input中值的变化
		</h1>
		<input type="text" id="username" autoComplete='off'>
		<div id="result"></div>
	</body>
</html>



$(function(){

$('#username').bind('input propertychange', function() {
    $('#result').html($(this).val().length + ' characters');
});

})

  

$(document).ready(function () {
    $('#phonenum,#verifycode').bind('input propertychange',$('#verifycode').bind('input propertychange'), function(){
        btnSwitch()
        btnApplySwith()
    })
})

  

posted @ 2020-06-30 19:56  八英里  阅读(3816)  评论(0编辑  收藏  举报