chrome浏览器下禁制 textarea改变大小; Jquery的textareaCounter插件控制textarea输入的字符数量
2023-09-27 14:24:40 时间
给 textarea 添加一个css 样式即可 resize: none;
用Jquery的插件控制textarea输入的字符数量
一:引用Jquery脚本,并引入 textareaCounter
<script src="js/jquery.textareaCounter.plugin.js" type="text/javascript"></script>
下面的代码一定是写在当页面加载完成的时候
var areaOptions = { 'maxCharacterSize': 500, //最大字符数 'originalStyle': 'originalTextareaInfo', //文字初始的时候的css样式 'warningStyle' : 'warningTextareaInfo', //文字达到警戒的时候的css样式 'warningNumber': 10, //当剩下多少字的时候开始显示警戒样式 'displayFormat' : '已输字数 #input 剩余字数 #left 最大字数 #max' //展示的文字 }; $('#txtHwContent').textareaCount(areaOptions);
css的样式
/*textarea 限制长度的css*/ .originalTextareaInfo { font-size: 12px; color: #000000; font-family: Tahoma, sans-serif; text-align: right; } .warningTextareaInfo { font-size: 12px; color: #FF0000; font-family: Tahoma, sans-serif; text-align: right; } /*textarea 限制长度的css*/
displayFormat值可以自己改,如:
'displayFormat' : '已输字数 #input 剩余字数 #left 最大字数 #max'
displayFormat值可以自己改,如: 'displayFormat' : '已输字数 #input 剩余字数 #left 最大字数 #max'
相关文章
- Python cdp ( Chrome DevTools Protocol ) 爬虫
- BX2001: IE 支持使用 window.clipboardData 访问系统剪贴板,Chrome 和 Safari 中存在类似的 Clipboard 对象但尚未实现,Firefox 和 Opera 不支持这类对象
- 关于Chrome 浏览器 “小尾巴”问题的解决办法
- chrome浏览器执行cmd命令打开本地exe,传递参数打开本地文件夹
- 删除goagnt证书方法〔chrome
- chrome 浏览器的预提取资源机制导致的一个请求发送两次的问题以及ClientAbortException异常
- Chrome 扩展是什么?我们如何建造它?
- 谷歌chrome浏览器和火狐firefox浏览器自带http抓包工具和请求模拟插件
- 让delphi解析chrome扩展的native应用
- 将Chrome浏览器中的扩展程序导出为crx插件文件
- chrome.webRequest
- Chrome浏览器扩展开发系列之五:Page Action类型的Chrome浏览器扩展