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 相关文章推荐
ExtJS 简介 让你知道extjs是什么
Dec 29 Javascript
面向对象的Javascript之一(初识Javascript)
Jan 20 Javascript
JavaScript 控制字体大小设置的方法
Nov 23 Javascript
微信小程序之ES6与事项助手的功能实现
Nov 30 Javascript
vue2实现移动端上传、预览、压缩图片解决拍照旋转问题
Apr 13 Javascript
Angularjs修改密码的实例代码
May 26 Javascript
jQuery实现web页面樱花坠落的特效
Jun 01 jQuery
vue bootstrap小例子一枚
Jun 09 Javascript
ReactNative 之FlatList使用及踩坑封装总结
Nov 29 Javascript
一些可能会用到的Node.js面试题
Jun 15 Javascript
React Native 混合开发多入口加载方式详解
Sep 23 Javascript
在vue中使用防抖和节流,防止重复点击或重复上拉加载实例
Nov 13 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
开启CURL扩展,让服务器支持PHP curl函数(远程采集)
2011/03/19 PHP
Laravel学习教程之路由模块
2017/08/18 PHP
Yii2.0框架实现带分页的多条件搜索功能示例
2019/02/20 PHP
点击广告后才能获得下载地址
2006/10/26 Javascript
Javascript 定时器调用传递参数的方法
2009/11/12 Javascript
js常用排序实现代码
2010/12/28 Javascript
jquery实现textarea输入字符控制(仿微博输入控制字符)
2013/04/26 Javascript
基于jquery插件实现拖拽删除图片功能
2020/08/27 Javascript
Vue如何实现组件的源码解析
2017/06/08 Javascript
Bootstrap Table使用整理(三)
2017/06/09 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
2017/08/30 Javascript
彻底弄懂 JavaScript 执行机制
2018/10/23 Javascript
Vue使用Proxy监听所有接口状态的方法实现
2019/06/07 Javascript
jQuery实现本地存储
2020/12/22 jQuery
python爬虫教程之爬取百度贴吧并下载的示例
2014/03/07 Python
详解Python设计模式编程中观察者模式与策略模式的运用
2016/03/02 Python
python在ubuntu中的几种安装方法(小结)
2017/12/08 Python
Python Numpy 数组的初始化和基本操作
2018/03/13 Python
python中bytes和str类型的区别
2019/10/21 Python
基于Python编写一个计算器程序,实现简单的加减乘除和取余二元运算
2020/08/05 Python
python Gabor滤波器讲解
2020/10/26 Python
CSS3实现文字描边的2种方法(小结)
2020/02/14 HTML / CSS
Trip.com香港网站:Ctrip携程旗下,全球最大的网上旅游社之一
2016/08/01 全球购物
Volcom法国官网:美国冲浪滑板品牌
2017/05/25 全球购物
小学语文教学反思
2014/02/10 职场文书
飘柔洗发水广告词
2014/03/14 职场文书
企业挂职心得体会
2014/09/10 职场文书
干部四风问题整改措施思想汇报
2014/10/13 职场文书
董事长岗位职责
2015/02/13 职场文书
廉洁自律个人总结
2015/02/14 职场文书
2015年监理工作总结范文
2015/04/07 职场文书
写作指导:怎么书写竞聘演讲稿?
2019/07/04 职场文书
python实现简单倒计时功能
2021/04/21 Python
python如何读取.mtx文件
2021/04/22 Python
Python正则表达式中flags参数的实例详解
2022/04/01 Python
《遗弃》开发商删推文要跑路?官方回应:还在开发
2022/04/03 其他游戏