js实时监听input中值的变化
2016-05-16 16:56
417 查看
$(function(){ $('#inputid').bind('input propertychange', function() { // input 中的值 var params = $(this).val(); }); })
类似于实现‘还能输入xxx个字符’的效果.
oninput, onpropertychange, onchange的用法:
1.onchange 触发事件必须满足两个条件:
a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效)
b)当前对象失去焦点(onblur);
2.onpropertychange 的话,只要当前对象属性发生改变,都会触发事件,但是它是IE专属的;
3.oninput 是onpropertychange的非IE浏览器版本,支持firefox和opera等浏览器,但有一点不同,它绑定于对象时,并非该对象所有属性改变都能触发事件,它只在对象value值发生改变时奏效。
相关文章推荐
- JavaScript之图片滚动
- js正则匹配html内容
- js设置document.domain实现跨域的注意点
- JavaScript之图片轮换
- JS获取鼠标位置、当前元素所在位置
- js获取url传递参数
- JSP初识
- JavaScript 图形绘制库
- JSTL中替换\r\n
- JavaScript编写Chrome扩展实现与浏览器的交互及时间通知
- Svg.js实例教程及使用手册详解(一)
- javascript笔试题(1)
- javascript闭包
- 搜索引擎ES,json模板jstemplate
- JavaScript 基础(四) 循环
- JavaScript开发Chrome浏览器扩展程序UI的教程
- 基于javascript实现最简单的选项卡切换效果
- JS定位PDF页码。
- JavaScript实现页面跳转的方式汇总
- 使用Gson解析Json的一条数据和一组数据