同时绑定onpropertychange 和 oninput 事件,实时检测 input、textarea输入改变事件,支持低版本IE,支持复制粘贴...
实时检测 input、textarea输入改变事件,支持低版本IE,支持复制粘贴
检测input、textarea输入改变事件有以下几种:
<!--superGG1990原创发表于博客园http://www.cnblogs.com/superGG1990,其他商业网站转载均为盗版,个人博客网站转载请注明出处 2017-05-12--> <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>监听输入事件</title><script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script><style>b {color:red; font-size:18px;}</style> </head> <body><textarea style="width:800px; height:300px;"></textarea><div>你已经输入了<b>0</b>个字</div><script>$('textarea').on('input propertychange',function(){var val = $(this).val()var textNum = val.length;if(textNum > 200){textNum = 200;}$('b').html(textNum)//超过200个字提示if(val.length>200){var textVal = val.substring(0,200)$(this).val(textVal)alert('评论内容大于200字')}})</script> </body> </html>
原文出处 superGG1990 www.cnblogs.com/superGG1990
转载于:https://www.cnblogs.com/baiyangyuanzi/p/6856598.html
同时绑定onpropertychange 和 oninput 事件,实时检测 input、textarea输入改变事件,支持低版本IE,支持复制粘贴...相关推荐
- JQUERY输入改变事件change
1.简述 当元素的值发生改变时,会发生 change 事件.该事件仅适用于文本域(text field),以及 textarea 和 select 元素.change() 函数触发 change 事件 ...
- 实时检测input的长度_目标检测——TinyYOLOv3
目标检测--从简单的开始!进击的YOLO! 目标检测--Backbone与Detection head 目标检测--搭建更好更快的YOLO! 目标检测--制作GroundTruth!开始训练! 目标检 ...
- onchange onpropertychange 和oninput事件的区别
汇总onchange onpropertychange 和oninput事件的区别: 1.onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容 ...
- onchange onpropertychange 和 oninput 事件的区别
汇总 onchange onpropertychange 和 oninput 事件的区别 1.onchange 事件与 onpropertychange 事件的区别: onchange 事件在内容改变 ...
- input 中事件 onchange onpropertychange 和oninput事件的差别
汇总onchange onpropertychange 和oninput事件的差别: 1.onchange事件与onpropertychange事件的差别: onchange事件在内容改变(两次内容有 ...
- asp.net监听输入框值的即时变化onpropertychange、oninput
要达到的效果 很多情况下我们都会即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感.比如即时显示输入框已经被输入的字节数,或者即时读取输入的值来进行搜索引导,也就是google的 ...
- 6- js监听输入框值的即时变化onpropertychange、oninput
js监听输入框值的即时变化onpropertychange.oninput 标题: js监听输入框值的即时变化onpropertychange.oninput事件 参考: http://m.jb51. ...
- onchange、onpropertychange和oninput
1.onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容有可能还是相等的)且失去焦点时触发:onpropertychange事件却是实时触发, ...
- vue输入框输入触发事件_详解.vue文件中监听input输入事件(oninput)
详解.vue文件中监听input输入事件(oninput) .vue文件其实是一个组件,关于它的说明我之前也写过一篇文章,地址:.vue文件,今天这篇文章要讲的是.vue文件中监听input的输入值变 ...
最新文章
- Java学习笔记27
- 20170601xlVBA正则表达式提取体检数据
- oel6mysql_Linux7(CentOS,RHEL,OEL)和 Oracle RAC环境系列4:target(图形
- ubuntu 局域网dns服务器_如何在 Ubuntu 16.04 服务器上配置内网 DNS 服务
- 《C++ Primer》7.2节练习
- Java虚拟机详解----常用JVM配置参数
- php调用webservice报错Class 'SoapClient' not found
- 计组之存储系统:5、cache(cache功能、cache工作原理、cache性能分析)
- Pentium 4处理器架构/微架构/流水线 (3) - NetBurst微架构
- CDM CDP及传统备份技术对比
- Servlet 的三种创建方式
- ElasticJob - 任务执行过程解析
- origin 8.0 win 7 破解版安装及使用教程
- php音乐云盘,百度云盘音乐、文件、图片外链的三个方法总结
- SCRM升级--企业微信数字营销解决方案
- 骑士旅行问题(骑士走棋盘)
- Computer Vision笔记01:图像处理
- js gbk与UTF8 转换
- 淘宝天猫京东拼多多抖音苏宁1688等平台关键词监控价格API接口(店铺商品价格监控API接口调用展示)
- 虹软:中小企业该如何拥抱 AI
热门文章
- final在类和方法中的使用
- 《Note --- Unreal 4 --- Sample analyze --- StrategyGame(continue...)》
- ReflectionClass与Closure
- Ruby on Rails Tutorial 第六章 用户模型
- mahout贝叶斯算法开发思路(拓展篇)1
- PDA开发系列:GPS模块的调用
- osx doc to html,macos – 在OSX上安装Git HTML帮助
- php中解析数组,在PHP中解析多维数组
- mysql js 命令行登录_mysqlsh 命令行模式与密码保存-爱可生
- 中service层的作用_浅析Java中dto、dao、service、controller的四层结构