jQuery 文本框input监听事件,内容改变及时响应

jQuery 文本框input监听事件,内容改变及时响应

在开发中,有时我们需要对 input 的 value 值变化作实时响应。
今天处理一个日期的input的控件,当input值发生改变时及时处理.
对于浏览器的兼容在jquery中需要同时绑定 oninput 和 onpropertychange 两个事件
分享代码如下
表单代码
[html]
<form action="" method="post">
<label>月份统计:</label>
<input name="month" type="text" id="month_date" value="2017-7" class="input-text" readonly="readonly" />
</form>
[/html]
js代码如下
[js]
<script type="text/javascript">
$(document).ready(function(){
$(‘#month_date’).on(‘input propertychange’, function(){
var m_date = $(‘#month_date’).val();
alert(m_date);
return false;
});
});
</script>
[/js]

发表评论

© 2022. powered by PHP 个人小站