完美解决textarea字数限制

  1. <textarea id="area" name="ss" placeholder="请输入文本内容"></textarea>
  2. <p><span id="text-count">20</span>/20</p>
  3. <script type="text/javascript">
  4.     /*字数限制*/
  5.     $("#area").on("input propertychange", function() {
  6.         var $this = $(this),
  7.             _val = $this.val(),
  8.             count = "";
  9.         if (_val.length > 20) {
  10.             $this.val(_val.substring(0, 20));
  11.         }
  12.         count = 20 - $this.val().length;
  13.         $("#text-count").text(count);
  14.     });
  15. </script>  

1、input、textarea都有maxlength属性,但是textarea不兼容ie8/9,input兼容ie8/9。

2、同时绑定onchange、onkeydown、onkeyup,ie8/9下解决不了右键粘贴问题。

原文地址:https://www.cnblogs.com/annkiny/p/8566687.html

时间: 2024-10-11 21:33:07

完美解决textarea字数限制的相关文章

web移动端fixed布局和input等表单的爱恨情仇 - 终极BUG,完美解决

[问题]移动端开发,ios下当fixed属性和输入框input(这里不限于input,只要可以调用移动端输入法的都包括,如:textarea.HTML5中contenteditable等),同时存在的时候:两位大侠瞬间发生剧烈的化学反应,出现各种奇葩问题,见下图: [结论]输入框position属性值不是fixed,而变成了absolute [出现情况]当我们唤起键盘的时候,输入框位置不再页面最下面,或者说页面当时还可以继续往下滚动,再或者页面没有滚动到最下边,这个时候就会出现上面的问题 [学习

谷歌、火狐浏览器下实现JS跨域iframe高度自适应的完美解决方法,跨域调用JS不再是难题!

谷歌.火狐浏览器下实现JS跨域iframe高度自适应的解决方法 导读:今天开发的时候遇到个iframe自适应高度的问题,相信大家对这个不陌生,但是一般我们都是在同一个项目使用iframe嵌套页面,这个ifame高度自适应网上一搜一大把,今天要讲的如何在不同的网站下进行相互的调用跟在同一个网站下是一个效果:例如我在自己的项目里面Iframe  了第一博客的页面  http://www.diyibk.com/   当第一博客的页面高度变化了怎么通知父页面呢? 这个时候在谷歌下肯定是拿不到 ifram

完美解决office2013 错误1402

遇到1402问题  按照网络上的帖子都无法解决,老提示无权限更改,原来只是少了一个步骤而已!经本人多次试验,已经完美解决,现在上图! 步骤  肯定是得先出现错误,找到注册表所在项! 这个就不赘述,通过运行,regedit,按着找就行了啦~  就是这个,无权限~~只要右击该项,点权限,点确定  这里点添加  输入:administrator  确定 勾选完全控制,然后点高级~ 最关键的一步!!在所有者这里点击一下administrators  然后再点击一下应用,然后确定返回~!  快要完成了~

完美解决IE8有两个进程的问题

完美解决IE8有两个进程的问题,照以下方法设置后就只有一个进程了,没有什么负影响哦! 方法: 1.win+R,在运行框里输入:gpedit.msc,回车进入组策略设置. 2.依次展开:计算机配置——管理模板——windows组件——Internet Explorer. 3.在Internet Explorer选项下面,找到“设置选项卡进程增长”,配置值为0. 提示:1是IE8的默认值,使用这种默认设置后会使你产生相当混乱的感觉,虽然说采用了颜色来标识页面的相关性,但至少我是很不喜欢,当上面的进程

完美解决Android使用Zxing扫描二维码改成竖屏后,后面的预览画面出现了拉伸,扭曲的情况

完美解决解决Android使用Zxing扫描二维码改成竖屏后,后面的预览画面出现了拉伸,扭曲的情况 第一步:找到com.zxing.camera包下的CameraConfigurationManager.java文件中的void initFromCameraParameters(Camera camera)方法 第二步:在 Log.d(TAG, "Screen resolution: " + screenResolution);后加上如下的代码 Point screenResoluti

Swift教程_swift常见问题(五)_完美解决Cannot override &#39;dealloc&#39;异常

swift已经移除了dealloc()方法,所以如果重写的话会报: Cannot override 'dealloc' which has been marked unavailable 错误. swift使用析构方法进行类似dealloc的操作.析构方法和构造方法相对,分别为deinit和init. 点击进入ooppookid的博客 Swift教程_swift常见问题(五)_完美解决Cannot override 'dealloc'异常

完美解决全面屏蔽Google教程(终结者)

最近谷歌的IP被大范围的禁用了.身处一个连谷歌都用不了的过度的程序员,深感命运多舛.幸好,魔高一尺,道高一丈.下面是几种可以使用谷歌的方法. 方法一 1)在chrome浏览器中输入:chrome://flags/ 2)如下图,开启实验性 QUIC 协议和经由实验性 QUIC 协议发出的 HTTPS 请求两个选项重启浏览器,大功告成. 方法二 此次屏蔽的方法主要屏蔽Google部分IP地址的443端口,包括google.com.hk,accounts.google.com的部分IP的443端口被封

Linux安装软件时缺少依赖包的简单较完美解决方法!

大家在linux下源码安装时,有木有经常碰到缺少这个包那个包的,然后不知所措?看到最近有几个筒子安装thrift,安装python因缺少依赖包而进行不下去了.我用的是红帽,装系统的时候习惯把所有的有的没的都选择上,基本没有出现过缺少包的情况,大家可以试试. 如果装系统的时候忘了选择所有的包,来,这里有你想要的. 如果电脑可以联网,可以试试以下的yum命令,把命令copy过去贴到命令行执行下就OK了: yum -y install gcc gcc-c++ autoconf libjpeg libj

Android:完美解决listview的setonitemclicklistener 和 setontouchlistener冲突问题

@Override public boolean onTouch(View v, MotionEvent event) { createVelocityTracker(event); switch (event.getAction()) { case MotionEvent.ACTION_DOWN: xDown = event.getRawX(); break; case MotionEvent.ACTION_MOVE: xMove = event.getRawX(); //活动的距离 int