input输入框内容实时监测(附代码)
更新时间：2017年08月15日 14:42:33 作者：tianxxin1987
这篇文章主要介绍了如何实时监测input输入框内容，具体操作步骤大家可查看下文详细讲解,感兴趣的小伙伴们可以参考一下。
输入框内容实时监测！只有输入框内容发生改变才会触发事件，如果输入框内容没有改变则不会触发该事件！
代码如下：
<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript">
function OnInput (event) {
alert (event.target.value);
}
function OnPropChanged (event) {
if (event.propertyName.toLowerCase () == "value") {
alert (event.srcElement.value);
}
}
</script>
<form>
用户名:<input name="user" type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)"/>
</form>
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持!
相关文章
这篇文章主要介绍了如何使用jquery序列化表单去除指定元素,需要的朋友可以参考下2014-04-04
360全景就是视角超过人的正常视角的图像，而我们这里说的全景特指水平视角360度，垂直视角180度的图像。可以全景空间里进行切换，达到浏览各个不同场景360全景展示的目的。2015-03-03
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
正如标题所言会用到removeClass移除CSS类、addClass添加CSS类、toggleClass添加或者移除CSS类，hasClass判断是否已经存在CSS2014-08-08
jquery $.each 和for怎么跳出循环终止本次循环
如何在jquery 中的循环中终止本次循环或者跳出循环呢？经搜索发现个不错的方法，大家不妨参考下，希望对大家有所帮助2013-09-09
使用JQuery和CSS模拟超链接的用户单击事件的实现代码，需要的朋友可以参考下2012-05-05
用JQUERY增删元素的代码，需要的朋友可以参考下2012-02-02
这篇文章主要介绍了jQuery弹出框代码封装DialogHelper的方法,需要的朋友可以参考下2015-01-01
a标签的href如何修改，下面为大家介绍下使用javascript或jquery来简单实现，感兴趣的朋友可以参考下2013-12-12
jquery bankInput插件是银行卡进行格式化显示，能控制文本框输入最小最大个数、控制只能输入数字、控制不能粘贴不能使用输入法。同时插件能实现自动加载格式化显示和支持非输入框的格式话显示2012-08-08
当光标移动到某些元素上时，会弹出像tips的提示框，这种效果想必大家都有见到过吧，下面有个不错的示例，大家可以感受下2013-10-10
最新评论