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 view-source 无法查看看源码 JavaScript看网页源码
Jul 19 Javascript
XmlUtils JS操作XML工具类
Oct 01 Javascript
jquery对复选框(checkbox)的操作汇总
Jan 13 Javascript
AngularJS基础 ng-dblclick 指令用法
Aug 01 Javascript
JS打印组合功能
Aug 04 Javascript
ES6中module模块化开发实例浅析
Apr 06 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
May 08 Javascript
vue使用echarts图表的详细方法
Oct 22 Javascript
JS实现换肤功能的方法实例详解
Jan 30 Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 jQuery
原生JavaScript实现的无缝滚动功能详解
Jan 17 Javascript
VUE子组件向父组件传值详解(含传多值及添加额外参数场景)
Sep 01 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合并数组array_merge函数运算符加号与的区别
2008/10/31 PHP
php 远程关机操作的代码
2008/12/05 PHP
yum命令安装php7和相关扩展
2016/07/04 PHP
yii2 开发api接口时优雅的处理全局异常的方法
2019/05/14 PHP
让回调函数 showResponse 也带上参数的代码
2007/08/13 Javascript
JavaScript读取中文cookie时的乱码问题的解决方法
2009/10/14 Javascript
Jquery ajaxsubmit上传图片实现代码
2010/11/04 Javascript
javascript 兼容所有浏览器的DOM扩展功能
2012/08/01 Javascript
js数组循环遍历数组内所有元素的方法
2014/01/18 Javascript
从零开始学习Node.js系列教程三:图片上传和显示方法示例
2017/04/13 Javascript
基于Vue实现timepicker
2017/04/25 Javascript
Vue自定义指令详解
2017/07/28 Javascript
浅谈React和Redux的连接react-redux
2017/12/04 Javascript
JS/jQuery实现DIV延时几秒后消失或显示的方法
2018/02/12 jQuery
Element UI框架中巧用树选择器的实现
2018/12/12 Javascript
es6数值的扩展方法
2019/03/11 Javascript
token 机制和实现方式
2020/12/15 Javascript
Vue多选列表组件深入详解
2021/03/02 Vue.js
python中定义结构体的方法
2013/03/04 Python
Python实现读取文件最后n行的方法
2017/02/23 Python
python 实现调用子文件下的模块方法
2018/12/07 Python
python读取csv和txt数据转换成向量的实例
2019/02/12 Python
DJango的创建和使用详解(默认数据库sqlite3)
2019/11/18 Python
Python如何自动获取目标网站最新通知
2020/06/18 Python
Python Charles抓包配置实现流程图解
2020/09/29 Python
美国顶尖折扣时尚购物网:Bluefly
2016/08/28 全球购物
英国户外装备商店:Ultimate Outdoors
2019/05/07 全球购物
英国屋顶用品和材料超市:Roofing Supplies UK
2019/08/24 全球购物
随机分配座位,共50个学生,使学号相邻的同学座位不能相邻
2014/01/18 面试题
师范教师毕业鉴定
2014/01/13 职场文书
财务内勤岗位职责
2014/04/17 职场文书
高中同学会活动方案
2014/08/14 职场文书
辞职信格式范文
2015/05/13 职场文书
2016会计专业自荐信范文
2016/01/28 职场文书
曾国藩励志经典名言37句,蕴含哲理
2019/10/14 职场文书
理解深度学习之深度学习简介
2021/04/14 Python