js 实时监听input中值变化

Posted 八英里

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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()
    })
})

  

以上是关于js 实时监听input中值变化的主要内容,如果未能解决你的问题,请参考以下文章

js 实时监听input中值变化

input输入框内容变化实时监听

js监听input输入框值的实时变化实例

jQuery/原生JS实时监听input输入框值变化

JS实现移动端实时监听输入框变化的实例代码

jquery 实时监听输入框值变化的完美方案