input输入框内容实时监测(附代码)


Posted in Javascript onAugust 15, 2017

输入框内容实时监测!只有输入框内容发生改变才会触发事件,如果输入框内容没有改变则不会触发该事件!

代码如下:

<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>

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持!

Javascript 相关文章推荐
禁止刷新,回退的JS
Nov 25 Javascript
javascript的内存管理详解
Aug 07 Javascript
jquery实现点击消失的代码
Mar 03 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
Jun 06 Javascript
javascript如何定义对象数组
Jun 07 Javascript
浅谈jQuery 选择器和dom操作
Jun 07 Javascript
JavaScript制作颜色反转小游戏
Sep 25 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
Jan 11 Javascript
javascript实现文字无缝滚动效果
Aug 26 Javascript
vue.js与element-ui实现菜单树形结构的解决方法
Apr 21 Javascript
Next.js实现react服务器端渲染的方法示例
Jan 06 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
Jul 22 Javascript
vue的基本用法与常见指令
Aug 15 #Javascript
vue如何集成raphael.js中国地图的方法示例
Aug 15 #Javascript
JavaScript与Java正则表达式写法的区别介绍
Aug 15 #Javascript
js基于FileSaver.js 浏览器导出Excel文件的示例
Aug 15 #Javascript
form表单序列化详解(推荐)
Aug 15 #Javascript
JavaScript上传文件时不用刷新页面方法总结(推荐)
Aug 15 #Javascript
JavaScript阻止表单提交方法(附代码)
Aug 15 #Javascript
You might like
深入PHP empty(),isset(),is_null()的实例测试详解
2013/06/06 PHP
解析PHP强制转换类型及远程管理插件的安全隐患
2014/06/30 PHP
php定期拉取数据对比方法实例
2019/09/22 PHP
laravel5.1框架model类查询的实现方法
2019/10/08 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
Javascript实例教程(19) 使用HoTMetal(7)
2006/12/23 Javascript
JavaScript 学习笔记(十三)Dom创建表格
2010/01/21 Javascript
15条JavaScript最佳实践小结
2013/08/09 Javascript
鼠标选择动态改变网页背景颜色的JS代码
2013/12/10 Javascript
JS 数字转换研究总结
2013/12/26 Javascript
js封装可使用的构造函数继承用法分析
2015/01/28 Javascript
javascript实现漂亮的拖动层,窗口拖拽特效
2015/04/24 Javascript
基于jquery实现导航菜单高亮显示(两种方法)
2015/08/23 Javascript
JavaScript中将数组进行合并的基本方法讲解
2016/03/07 Javascript
14 个折磨人的 JavaScript 面试题
2016/08/08 Javascript
浅谈javascript中的Function和Arguments
2016/08/30 Javascript
JavaScript类的写法
2016/09/17 Javascript
JS实现表单验证功能(验证手机号是否存在,验证码倒计时)
2016/10/11 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
2017/04/21 Javascript
angular指令笔记ng-options的使用方法
2017/09/18 Javascript
详解webpack性能优化——DLL
2017/10/20 Javascript
Angularjs实现页面模板清除的方法
2018/07/20 Javascript
django使用channels2.x实现实时通讯
2018/11/28 Javascript
微信小程序云开发如何使用云函数生成二维码
2019/05/18 Javascript
Vue+Node实现的商城用户管理功能示例
2019/12/23 Javascript
Python和Perl绘制中国北京跑步地图的方法
2016/03/03 Python
使用Python将数组的元素导出到变量中(unpacking)
2016/10/27 Python
python实现数据图表
2017/07/29 Python
python操作MySQL 模拟简单银行转账操作
2017/09/27 Python
Python Json模块中dumps、loads、dump、load函数介绍
2018/05/15 Python
Python3 filecmp模块测试比较文件原理解析
2020/03/23 Python
Django使用django-simple-captcha做验证码的实现示例
2021/01/07 Python
中文专业毕业生自荐书范文
2014/01/04 职场文书
开会迟到检讨书
2014/02/03 职场文书
不遵守课堂纪律的检讨书
2014/09/24 职场文书
分享mysql的current_timestamp小坑及解决
2021/11/27 MySQL