最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Jquery实时监听input value的实例
时间:2022-06-25 17:18:56 编辑:袖梨 来源:一聚教程网
代码如下 | 复制代码 |
$(function(){ var$inputwrapper = $('#lia-body .lia-content .inputwrapper'); $inputwrapper.find('input').on('input propertychange',function(){ varresult = $(this).val(); console.log(result); $inputwrapper.find('.result').html(result); }); })
|
onchange触发事件必须满足两个条件:
1)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效)
2)当前对象失去焦点(onblur);
onpropertychange
只要当前对象属性发生改变,都会触发事件,但是它是IE专属的;
oninput是onpropertychange的非IE版本,支持firefox和opera等浏览器
但不同的是,它绑定于对象时,并非该对象所有属性改变都能触发事件,只有在对象的value值发生改变时才会生效。
这里我们用来监听input value的改变再好不过了。
相关文章
- 远光84步枪怎么选 步枪选择推荐 08-13
- 远光84桃桃怎么玩 桃桃技能玩法教学 08-13
- 星痕共鸣怎么漂浮 漂浮操作方法 08-13
- 绝区零爱丽丝什么时候出 爱丽丝卡池时间一览 08-13
- 原神6.0新角色立绘 6.0新角色爆料介绍 08-13
- 七日世界自动拾取怎么设置 自动拾取开启方法 08-13