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 相关文章推荐
for 循环性能比较 提高for循环的效率
Mar 19 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
Dec 28 Javascript
JavaScript 事件绑定及深入
Apr 13 Javascript
javascript常用经典算法实例详解
Nov 25 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
Jan 04 Javascript
实例讲解jquery中mouseleave和mouseout的区别
Feb 17 Javascript
JavaScript使用简单正则表达式的数据验证功能示例
Jan 13 Javascript
jQuery中ztree 点击文本框弹出下拉框的实例代码
Feb 05 Javascript
AngularJS实现根据不同条件显示不同控件
Apr 20 Javascript
Angular 4中如何显示内容的CSS样式示例代码
Nov 06 Javascript
Vue 监听列表item渲染事件方法
Sep 06 Javascript
微信小程序中使用 async/await的方法实例分析
May 06 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+oracle 分页类
2006/10/09 PHP
php编写的简单页面跳转功能实现代码
2013/11/27 PHP
PHP扩展开发教程(总结)
2015/11/04 PHP
php支付宝在线支付接口开发教程
2016/09/19 PHP
PHP实现的回溯算法示例
2017/08/15 PHP
PHP中ltrim()函数的用法与实例讲解
2019/03/28 PHP
js 居中漂浮广告
2010/03/21 Javascript
浅谈javascript中字符串String与数组Array
2014/12/31 Javascript
jQuery.trim() 函数及trim()用法详解
2015/10/26 Javascript
js方法数据验证的简单实例
2016/09/17 Javascript
详解vue过滤器在v2.0版本用法
2017/06/01 Javascript
Vue入门之数据绑定(小结)
2018/01/08 Javascript
vue后台管理之动态加载路由的方法
2018/08/13 Javascript
npm 语义版本控制详解
2019/09/10 Javascript
JavaScript和TypeScript中的void的具体使用
2019/09/12 Javascript
jQuery实现王者荣耀手风琴效果
2020/01/17 jQuery
解决小程序无法触发SESSION问题
2020/02/03 Javascript
JavaScript中ES6规范中let和const的用法和区别
2020/08/06 Javascript
python解析模块(ConfigParser)使用方法
2013/12/10 Python
python 判断是否为正小数和正整数的实例
2017/07/23 Python
python处理DICOM并计算三维模型体积
2019/02/26 Python
Python 学习教程之networkx
2019/04/15 Python
Django框架使用内置方法实现登录功能详解
2019/06/12 Python
django-rest-swagger对API接口注释的方法
2019/08/29 Python
Pytorch.nn.conv2d 过程验证方式(单,多通道卷积过程)
2020/01/03 Python
Kears 使用:通过回调函数保存最佳准确率下的模型操作
2020/06/17 Python
全球性的在线时尚男装零售商:boohooMAN
2016/12/17 全球购物
缓解脚、腿和背部疼痛:Z-CoiL鞋
2019/03/12 全球购物
加拿大探亲邀请信
2014/01/28 职场文书
管事部库房保管员岗位职责
2014/02/21 职场文书
厨师个人自我鉴定范文
2014/04/19 职场文书
采购员岗位职责
2015/02/03 职场文书
小学英语教学随笔
2015/08/14 职场文书
公司借款担保书
2015/09/22 职场文书
美德少年事迹材料(2016推荐版)
2016/02/25 职场文书
向Spring IOC 容器动态注册bean实现方式
2022/07/15 Java/Android