建设网站空间,wordpress附件插件下载,社保服务个人网页,汽车4s销售网站模板实时检测 input、textarea输入改变事件#xff0c;支持低版本IE#xff0c;支持复制粘贴 检测input、textarea输入改变事件有以下几种#xff1a; 1、onkeyup/onkeydown 捕获用户键盘输入事件。缺陷#xff1a;复制粘贴时无法检测2、onchenge缺陷#xff1a;要满足触发条件…实时检测 input、textarea输入改变事件支持低版本IE支持复制粘贴 检测input、textarea输入改变事件有以下几种 1、onkeyup/onkeydown 捕获用户键盘输入事件。 缺陷复制粘贴时无法检测 2、onchenge 缺陷要满足触发条件当前对象的属性改变由键盘或鼠标触发且对象失去焦点 3、onpropertychange 当前对象属性改变就会触发 缺陷只支持低版本IE 4、oninput 和onpropertychange类似当前对象属性改变就会触发 缺陷不支持低版本IE 可以看出以上几种方法都有各自的缺陷1和2一般不能满足需求3和4的缺陷正好互补两个事件结合起来使用可以兼容IE、firefox、chrome 所以同时绑定onpropertychange 和 oninput 可以达到实时检测输入内容的目的 jquery用propertychange 和 input。 代码实例jquery !--superGG1990原创发表于博客园http://www.cnblogs.com/superGG1990其他商业网站转载均为盗版个人博客网站转载请注明出处 2017-05-12--
!DOCTYPE html
html langen
headmeta charsetUTF-8title监听输入事件/titlescript typetext/javascript srchttps://cdn.bootcss.com/jquery/1.12.4/jquery.min.js/scriptstyleb {color:red; font-size:18px;}/style
/head
bodytextarea stylewidth:800px; height:300px;/textareadiv你已经输入了b0/b个字/divscript$(textarea).on(input propertychange,function(){var val $(this).val()var textNum val.length;if(textNum 200){textNum 200;}$(b).html(textNum)//超过200个字提示if(val.length200){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
