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 相关文章推荐
编写针对IE的JS代码两种编写方法
Jan 30 Javascript
JS批量操作CSS属性详细解析
Dec 16 Javascript
js中opener与parent的区别详细解析
Jan 14 Javascript
一个小例子解释如何来阻止Jquery事件冒泡
Jul 17 Javascript
jQuery不兼容input的change事件问题解决过程
Dec 05 Javascript
jquery SweetAlert插件实现响应式提示框
Aug 18 Javascript
javascript实现瀑布流动态加载图片原理
Aug 12 Javascript
微信小程序使用image组件显示图片的方法【附源码下载】
Dec 08 Javascript
小程序云开发部署攻略(图文教程)
Oct 30 Javascript
JavaScript中Dom操作实例详解
Jul 08 Javascript
在vue-cli中引入lodash.js并使用详解
Nov 13 Javascript
React生命周期原理与用法踩坑笔记
Apr 28 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
PHP4之COOKIE支持详解
2006/10/09 PHP
php实现无限级分类(递归方法)
2015/08/06 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
php多进程模拟并发事务产生的问题小结
2018/12/07 PHP
jquery加载页面的方法(页面加载完成就执行)
2011/06/21 Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
2013/07/05 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
2013/11/25 Javascript
JavaScript实现列出数组中最长的连续数
2014/12/29 Javascript
js实现使用鼠标拖拽切换图片的方法
2015/05/04 Javascript
Javascript进制转换实例分析
2015/05/14 Javascript
理解jquery事件冒泡
2016/01/03 Javascript
Javascript中的对象和原型(二)
2016/08/12 Javascript
js 获取图像缩放后的实际宽高,位置等信息
2017/03/07 Javascript
Vue.js 中的 $watch使用方法
2017/05/25 Javascript
AngularJS动态绑定ng-options的ng-model实例代码
2017/06/21 Javascript
js实现带进度条提示的多视频上传功能
2020/12/13 Javascript
纯JavaScript实现实时反馈系统时间
2017/10/26 Javascript
vue.js添加一些触摸事件以及安装fastclick的实例
2018/08/28 Javascript
解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
2018/09/25 Javascript
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
2019/08/17 Javascript
[01:18:35]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS BO3 第一场 1月29日
2021/03/11 DOTA
python实现搜索本地文件信息写入文件的方法
2016/02/22 Python
itchat接口使用示例
2017/10/23 Python
python简单实现操作Mysql数据库
2018/01/29 Python
Python实现中一次读取多个值的方法
2018/04/22 Python
Python使用爬虫爬取静态网页图片的方法详解
2018/06/05 Python
tensorflow 获取checkpoint中的变量列表实例
2020/02/11 Python
解决jupyter notebook显示不全出现框框或者乱码问题
2020/04/09 Python
HTML5实现的震撼3D焦点图动画的示例代码
2019/09/26 HTML / CSS
说出数据连接池的工作机制是什么?
2013/04/19 面试题
Linux文件操作命令都有哪些
2015/02/27 面试题
高分子材料个人求职信范文
2013/09/25 职场文书
师范生自我鉴定范文
2013/10/05 职场文书
经营目标责任书
2015/05/08 职场文书
2016年小学“我们的节日·中秋节”活动总结
2016/04/05 职场文书
Nginx+Tomcat实现负载均衡、动静分离的原理解析
2021/03/31 Servers