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获取class的所有元素
Mar 28 Javascript
原生js实现fadein 和 fadeout淡入淡出效果
Jun 05 Javascript
javascript Slip.js实现整屏滑动的手机网页
Nov 25 Javascript
微信小程序  自定义创建详细介绍
Oct 27 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
Jan 04 Javascript
解决Extjs下拉框不显示的问题
Jun 21 Javascript
详解vue-router数据加载与缓存使用总结
Oct 29 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
Jun 26 Javascript
layer.alert回调函数执行关闭弹窗的实例
Sep 11 Javascript
微信小程序分享小程序码的生成(带参数)以及参数的获取
Mar 25 Javascript
vue 公共列表选择组件,引用Vant-UI的样式方式
Nov 02 Javascript
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
Jun 09 Vue.js
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实现递归循环每一个目录
2010/08/08 PHP
php 学习资料零碎东西
2010/12/04 PHP
PHP批量采集下载美女图片的实现代码
2013/06/03 PHP
php实现将上传word文件转为html的方法
2015/06/03 PHP
了解PHP的返回引用和局部静态变量
2015/06/04 PHP
PHP 类与构造函数解析
2017/02/06 PHP
PDO::errorInfo讲解
2019/01/28 PHP
JS 文字符串转换unicode编码函数
2009/05/30 Javascript
js动态创建表格,删除行列的小例子
2013/07/20 Javascript
用jquery中插件dialog实现弹框效果实例代码
2013/11/15 Javascript
Jquery遍历节点的方法小集
2014/01/22 Javascript
JS将制定内容复制到剪切板示例代码
2014/02/11 Javascript
jquery简单图片切换显示效果实现方法
2015/01/14 Javascript
AngularJS模块管理问题的非常规处理方法
2015/04/29 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
2015/08/04 Javascript
JavaScript类型系统之Object详解
2016/01/07 Javascript
JavaScript lodash常见用法系列小结
2016/08/24 Javascript
webpack构建vue项目的详细教程(配置篇)
2017/07/17 Javascript
js es6系列教程 - 新的类语法实战选项卡(详解)
2017/09/02 Javascript
浅谈Vue-cli 命令行工具分析
2017/11/22 Javascript
在Vue中使用highCharts绘制3d饼图的方法
2018/02/08 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
2019/04/17 Javascript
Python 返回汉字的汉语拼音
2009/02/27 Python
python进程管理工具supervisor使用实例
2014/09/17 Python
Python数据可视化:箱线图多种库画法
2019/11/06 Python
python3.7通过thrift操作hbase的示例代码
2020/01/14 Python
解决Jupyter Notebook开始菜单栏Anaconda下消失的问题
2020/04/13 Python
python/golang实现循环链表的示例代码
2020/09/14 Python
时尚的CSS3进度条效果
2012/02/22 HTML / CSS
canvas简单连线动画的实现代码
2020/02/04 HTML / CSS
介绍一下内联、左联、右联
2013/12/31 面试题
如何写好优秀的创业计划书
2014/01/30 职场文书
民政局2016年“六一”儿童节慰问活动总结
2016/04/06 职场文书
【海涛解说】史上最给力比赛,挑战DOTA极限
2022/04/01 DOTA
MySQL串行化隔离级别(间隙锁实现)
2022/06/16 MySQL
Hive HQL支持2种查询语句风格
2022/06/25 数据库