完美解决textarea字数限制[转载]

###原文地址:https://blog.csdn.net/fb_01/article/details/51026774

  • input、textarea都有maxlength属性,但是textarea不兼容ie8/9,input兼容ie8/9。
  • 同时绑定onchange、onkeydown、onkeyup,ie8/9下解决不了右键粘贴问题。
  • 具体代码如下:
	<textarea name="detail" id="detail" cols="" rows="" placeholder="请输入内容" style="height: 250px;"></textarea><p><span id="text-count">255</span>/255</p><script type="text/javascript">$('#detail').on("input propertychange",function(){var this = $(this);_val = $this.val(),count = "";if(_val.length > 255){$this->val(_val.substring(0,255));}count = 255 - $this.val().length;$("#text-count").text(count);});</script>

html代码截图
js代码截图

效果图

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/37271.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

开源项目|EasyOCR一款实用的图片OCR文字识别项目

欢迎关注「全栈工程师修炼指南」 点击 &#x1f447; 下方卡片 即可关注我哟! 设为「星标⭐」每天带你 基础入门 到 进阶实践 再到 放弃学习&#xff01; “ 花开堪折直须折&#xff0c;莫待无花空折枝。 ” 作者主页&#xff1a;[ https://www.weiyigeek.top ] 博客&#x…

在英特尔锐炫™独立显卡运行类ChatGPT的开源大语言模型(LLM) Dolly 2.0

作者&#xff1a;李翊玮 & Aidova, Ekaterina 前言&#xff1a; 以下为当前一代大型语言模型&#xff08;LLM&#xff09;的基石说明。 人类偏好强化学习Reinforcement learning with human preferences&#xff08;RLHF&#xff09;和InstructGPT等技术一直是ChatGPT和…

《赛博朋克2077》推出游戏概念艺术图海报

在上个月的时候&#xff0c;《赛博朋克2077》官方曾公布过一些游戏概念艺术图。这些艺术图分别代表了新刻奇主义、新军权主义、刻奇主义、熵增主义这四个词汇在游戏中的表现。而最近官方把这四张图片制作成了海报并在CDRP商城出售。让我们一起来看一看吧&#xff01; “新刻奇主…

赛博朋克风格按钮 html+css

先看效果&#xff1a; 前言&#xff1a; 这个思路是我在b站看up主Steven做的&#xff0c;觉得很不错&#xff0c;然后自己也弄了一个。&#xff08;纯css&#xff09;&#xff0c;下面是详细过程。最后面有完整代码。 实现&#xff1a; 1. 首先定义一个div标签作为按钮&…

VScode赛博朋克主题SynthWave '84设置

VScode赛博朋克主题SynthWave 84安装设置 效果预览安装步骤问题注意 效果预览 安装步骤 下载安装插件(下面2个插件都要安装) SynthWave 84. Custom CSS and JS Loader. 修改 settings.json "vscode_custom_css.imports":["file:///C:/users/MyUsersName/synt…

Bugku-啊哒+赛博朋克

下载解压得到一张jpg文件 用010editor打开并搜索“flag”&#xff0c;发现末尾隐藏了一个zip 新建一个十六进制文件后复制并保存为zip格式&#xff0c;打开发现需要密码 回去细看&#xff1a;前两个 504B后的1403后面都是0100&#xff0c;并不是伪加密&#xff0c;尝试用arch…

AI作画—赛博朋克你听过嘛

赛博朋克是"控制论"与"朋克"的合成词&#xff0c;从文学作品中产生&#xff0c;逐渐演变成一种视觉表现风格。 赛博朋克脱胎于在1960-1970年代兴起的科幻小说新浪潮运动。发端于上世纪八十年代。1980年&#xff0c;科幻作家布鲁斯博斯克创造了这个词&…

后科技时代—赛博朋克2077

跳票多次终于还是来了&#xff0c;发售之日便收回成本这几乎是前无古人后无来者&#xff0c;这样一款现象级大作&#xff0c;我肯定也是忍不住滴&#xff0c;而且我的台式机配置还不错&#xff0c;一直没找到真正发挥作用的机会&#xff0c;终于借此机会&#xff0c;一赌大作风…

仅用 CSS 实现赛博朋克 2077 风格视觉效果

点击上方关注 前端技术江湖&#xff0c;一起学习&#xff0c;天天进步 作者 dragonir 原文链接&#xff1a;https://juejin.cn/post/6972759988632551460 文章开始之前先简单了解下什么是 赛博朋克&#xff0c;以及什么是 赛博朋克2077。 赛博朋克&#xff08;Cyberpunk&#…

为什么赛博朋克里总少不了日本元素?

这几年&#xff0c;赛博朋克作品突然又火了起来。从《攻壳机动队》的电影版&#xff0c;到《赛博朋克2077》&#xff0c;接下来还有《黑客帝国4》以及更远的《神经漫游者》电影。似乎这个起源自80年代的文化命题&#xff0c;颇有点经久不衰的越陈越香的感觉。 刚开始接触赛博朋…

爬取亚马逊评论并进行词性分析

爬取代码&#xff1a; import requests from bs4 import BeautifulSoup import re import urllib.request,urllib.error import xlwt import sqlite3 #from fake_useragent import UserAgentdef askURL(url):#head {User-Agent:str(UserAgent().random)}head {"User-Age…

“抖音”式的酷炫短视频开发进阶

2017年短视频应用的爆发&#xff0c;再次改变了人们&#xff0c;尤其是年轻人的生活习惯&#xff0c;快手、抖音等应用也逐渐融入到日常生活中。短视频App各种各样的酷炫效果让人爱不释手&#xff0c;也把视频内容玩出了新花样。LiveVideoStack邀请了全民快乐研发高级总监展晓凯…

今日分享:应该去怎样制作优质抖音短视频

抖音视频是适台在移动状态和休闲状态下观看的视频内容&#xff0c;视频时长一般在15秒到5分钟之间。相对于文字图片来说&#xff0c;视频能够带给用户更好的视觉体验&#xff0c;在表达时也更加生动形象&#xff0c;能够将创作者希望传达的信息更真实、更生动地传达给受众。 在…

12个视频剪辑素材网站,短视频素材免费下。

我自己平时也会剪辑一些视频&#xff0c;经常因为拍摄的素材不够用&#xff0c;要去各大平台找视频素材。有没有人跟我一样&#xff0c;一遇到找素材就头疼&#xff0c;不知道去哪里找&#xff0c;找到的素材还要担心会不会侵权&#xff0c;是不是需要费用。今天就把我多年整理…

视频素材剪辑制作的方法分享

朋友们平时在剪辑视频的操作过程中&#xff0c;如果想要给多个视频素材添加相同的片头的话&#xff0c;会怎么操作呢&#xff1f;其实方法大同小异&#xff0c;找到适合自己的方法就可以。那今天小编就给大家分享一下我平时是怎么批量给视频添加相同的片头素材&#xff0c;一起…

短视频剪辑的九大技巧分享

随着视频时代的到来&#xff0c;大家已经习惯了用视频来记录自己的日常生活和表达自己&#xff0c;也习惯了用视频来了解他人&#xff0c;接触更广阔的世界。那么我们自己想要剪辑短视频&#xff0c;应该怎么做呢&#xff0c;一起来往下看吧&#xff01; 第一、高级感的视频开…

短视频剪辑的小技巧分享,助你剪出令人印象深刻的片段,吸粉引流

短视频剪辑的小技巧分享&#xff0c;助你剪出令人印象深刻的片段&#xff0c;吸粉引流 短视频剪辑说难也难&#xff0c;但是说简单其实也简单&#xff0c;毕竟只要认真学习&#xff0c;大概几天就可以基本掌握短视频剪辑的流程&#xff0c;只是如果想要剪辑出来可以吸粉引流的…

做短视频千万不要错过这5个视频素材网

这个要看你创作什么内容&#xff0c;dy里面很多视频素材都是创作者自己拍摄&#xff0c;要不就插入一些网上找的视频素材&#xff0c;现在网上找到一些视频素材很多都是有版权&#xff0c;除非花钱买&#xff1b;也有免费的&#xff0c;但就是质量不算高。各取所需&#xff0c;…

视频剪辑练手,就上这几个网站找素材~

视频剪辑如何找到免费的练手素材&#xff0c;这5个网站收藏好&#xff0c;绝对对你有帮助&#xff01; 1、菜鸟图库 视频素材下载_mp4视频大全 - 菜鸟图库 菜鸟图库主要提供设计素材为主&#xff0c;自媒体相关素材也很多&#xff0c;像商用图片、背景图、视频素材、音频素材…