jQuery实时监听输入框字符变化的方法
2016-07-11 14:27
756 查看
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="../jquery/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function(){
//input事件是HTML的标准事件，对于监听textarea input都产生作用
//propertychange 是为了兼容IE(input事件不支持IE9以下)
$('#id-input-value').bind('input propertychange',function(){
console.log($("#id-input-value").val().length+" characters");
});
});
</script>
<title>jQuery实时监听输入框字符变化的方法</title>
</head>
<body>
<input type="text" id="id-input-value" value="" size="64"/>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JQuery1——基础（$对象，选择器，对象转换）
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站，一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- JavaScript 各种遍历方式详解
- 数组方法汇总
- Mootools 1.2教程 函数
- autoit InputBox 函数
- 文件遍历排序函数
- jQuery Html控件基本操作(日常收集整理)
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码