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 相关文章推荐
jquery.lazyload  实现图片延迟加载jquery插件
Feb 06 Javascript
Extjs中ComboBoxTree实现的下拉框树效果(自写)
May 28 Javascript
a标签click和href执行顺序探讨
Jun 23 Javascript
jquery使用each方法遍历json格式数据实例
May 18 Javascript
jquery衣服颜色选取插件效果代码分享
Aug 28 Javascript
Angularjs注入拦截器实现Loading效果
Dec 28 Javascript
jQuery的each循环用法简单示例
Jun 12 Javascript
关于Javascript中defer和async的区别总结
Sep 20 Javascript
angular和BootStrap3实现购物车功能
Jan 25 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
Mar 31 Javascript
jQuery实现base64前台加密解密功能详解
Aug 29 jQuery
详解离线安装npm包的几种方法
Nov 25 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中cookies使用指南
2007/03/16 PHP
CI框架中通过hook的方式实现简单的权限控制
2015/01/07 PHP
在PHP 7下安装Swoole与Yar,Yaf的方法教程
2017/06/02 PHP
Jquery实现无刷新DropDownList联动实现代码
2010/03/08 Javascript
javascript转换字符串为dom对象(字符串动态创建dom)
2010/05/10 Javascript
jquery URL参数判断,确定菜单样式
2010/05/31 Javascript
自己整理的一个javascript日期处理函数
2010/10/16 Javascript
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
2013/10/11 Javascript
jQuery原理系列-常用Dom操作详解
2016/06/07 Javascript
关于input全选反选恶心的异常情况
2016/07/24 Javascript
Bootstrap CSS组件之导航条(navbar)
2016/12/17 Javascript
JS中静态页面实现微信分享功能
2017/02/06 Javascript
完美解决input[type=number]无法显示非数字字符的问题
2017/02/28 Javascript
js 函数式编程学习笔记
2017/03/25 Javascript
EasyUI在Panel上动态添加LinkButton按钮
2017/08/11 Javascript
jqueryUI tab标签页代码分享
2017/10/09 jQuery
jquery手机触屏滑动拼音字母城市选择器的实例代码
2017/12/11 jQuery
vue ssr 指南详读
2018/06/29 Javascript
jQuery实现适用于移动端的跑马灯抽奖特效示例
2019/01/18 jQuery
Python实现检测服务器是否可以ping通的2种方法
2015/01/01 Python
Python实现从订阅源下载图片的方法
2015/03/11 Python
Python使用迭代器捕获Generator返回值的方法
2017/04/05 Python
Python实现计算两个时间之间相差天数的方法
2017/05/10 Python
Python解析命令行读取参数--argparse模块使用方法
2018/01/23 Python
python实现批量图片格式转换
2020/06/16 Python
Python3随机漫步生成数据并绘制
2018/08/27 Python
Python关于excel和shp的使用在matplotlib
2019/01/03 Python
libreoffice python 操作word及excel文档的方法
2019/07/04 Python
pytorch 使用单个GPU与多个GPU进行训练与测试的方法
2019/08/19 Python
PyCharm2020.1.2社区版安装,配置及使用教程详解(Windows)
2020/08/07 Python
HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码
2018/03/02 HTML / CSS
WWE美国职业摔角官方商店:WWE Shop
2018/11/15 全球购物
计算机应用专业毕业生求职信
2013/10/24 职场文书
爱的奉献演讲稿
2014/09/10 职场文书
未中标通知书
2015/04/17 职场文书
纯CSS实现hover图片pop-out弹出效果的实例代码
2021/04/16 HTML / CSS