博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
检测输入框字数的变化 注意onpropertychange oninput onchange onkeyup区别
阅读量:6706 次
发布时间:2019-06-25

本文共 762 字,大约阅读时间需要 2 分钟。

做如下图这样一个输入框,并实时监测输入框中的字数变化,因此用到了onpropertychange事件,oninput事件,下面便对这些事件做如下分析。

onpropertychange:DOM任何节点的属性发生变化时触发,包括js修改的属性。但是这是IE特有的一个事件;

oninput:仅仅在input的value值发生改变才会触发,鼠标键盘复制粘贴均可以触发,但是js修改其value值则不会触发。(chrome/safari/ff/opera/IE9+)

onchange:域的内容改变,并且失去焦点时触发(js改变其内容时不会触发)。

onkeyup:在键盘松开时触发。(如果用鼠标复制粘贴则不会触发)

 

在textarea中,如果想捕获用户的键盘输入,用onkeyup检查事件就可以了,但是onkeyup并不支持复制和粘贴,因此需要动态监测textarea中值的变化,这就需要onpropertychange(用在IE浏览器)和oninput(非IE浏览器)结合在一起使用了。 

 

下面附上代码:

html css

1  2  3  4     
5 实时动态检测input字数 6 32 33 34 35
36 我要评论:
您还可以录入300字37
38
39
40
41
42 43

 

script

 

附言:小妹2014年毕业现在还在实习阶段,以上内容如有错请各位大神多多指点。

 

 

转载于:https://www.cnblogs.com/miss-radish/p/3584413.html

你可能感兴趣的文章
[Silverlight探秘]利用Javascript调用silverlight的方法
查看>>
深蓝词库转换2.2发布,支持手心输入法和Win10微软拼音
查看>>
转载:uIP之ARP:地址解析协议
查看>>
Visio2010绘制上下文数据流图
查看>>
CSS3魔法堂:背景渐变(Gradient)
查看>>
七个C#编程的小技巧
查看>>
Android中的AutoCompleteTextView的使用
查看>>
Windows下编译Enigmail源代码
查看>>
《基于MFC的OpenGL编程》Part 11 Blending, Antialiasing and Fog
查看>>
classpath 和 classpath*的 区别:
查看>>
Git~GitLab当它是一个CI工具时
查看>>
RPi 2B 中文语言包
查看>>
7.6. 数值函数
查看>>
OK335xS Ubuntu 12.04.1 版本 Android 开发环境搭建
查看>>
【Android错误集锦】AppBarLayout is overlapping the RecyclerView in one of my xml files.
查看>>
Mybatis入门例子
查看>>
C#进阶系列——DDD领域驱动设计初探(一):聚合
查看>>
4.3. CMD
查看>>
第 16 章 Apache Hbase
查看>>
Linux Autotools
查看>>