Textarea输入字数限制实例(兼容iOS&安卓)
最近在做一个微信公众号的页面,其中有对textarea做输入字数限制,而且需要兼容iOS和安卓手机,
下面直接贴代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>textarea输入字数限制(兼容ios和安卓)</title> </head> <body> <!-- 最多输入10个字 --> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <script> var textarea = document.getElementsByTagName('textarea'); for (var i = 0; i < textarea.length; i++) { textarea[i].oninput = function() {//注意,这里要用oninput,不要用onkeyup,否则iOS系统不支持 this.value = this.value.substring(0, 10); } } </script> </body> </html>
遇到的坑:刚开始用onkeyup,发现iOS系统不支持,改用oninput,测试OK。
(资源库 www.zyku.net)
上一篇:html中实现数据的显示和隐藏
栏 目:HTML/Xhtml
下一篇:div去除点击出现蓝框的方法
本文标题:Textarea输入字数限制实例(兼容iOS&安卓)
本文地址:https://www.zyku.net/xhtml/1467.html
您可能感兴趣的文章
- 06-26jquery 显示隐藏input输入框
- 03-31JS解决移动web开发手机输入框弹出的问题
- 02-23DedeCMS自定义多行文本字段限制显示字数的标签
- 02-22DedeCMS栏目关键词和内容关键词字数限制的解决方法
- 02-22DedeCMS软件模型的软件描述字数限制的解决方法
- 04-24Radio选项选中触发事件弹出输入框效果
- 01-17深度影视-深度影视应用软件功能介绍
- 02-21DedeCMS模板调用标签之首页标签大全
- 03-22华为nova8拍照美颜设置教程
- 02-19SiteServer CMS目录权限设置
- 01-30iPhone12不显示通知预览设置方法
- 02-20Ubuntu 14.04安装配置vsftpd并锁定目
- 10-08哔哩哔哩主播公告怎么发
- 03-30opporeno5k系统分身设置教程
- 09-24咕咚如何添加跑步机
- 05-16DeDeCms后台登陆验证码改成数字样式的
- 09-15央视频全运会开幕式直播预约方法介绍
- 10-13一加9rt怎么双击亮屏
- 11-14wget: unable to resolve host addres
- 01-12洛医通医生版-洛医通医生版应用软件功
最近更新
阅读排行
猜你喜欢
- 01-23华为手机怎么新增指纹解锁
- 01-11小小清理管家-小小清理管家应用软件功
- 12-30手机缓存管家-手机缓存管家应用软件功
- 07-05Linux getty命令
- 09-20浙江外卖在线怎么注册
- 02-18Ajax和$.ajax使用实例详解(推荐)
- 03-07opporeno6pro开启动态壁纸方法
- 09-18vivox70pro怎么去除应用红点
- 01-14万小能遥控器-万小能遥控器应用软件功
- 12-19HTML <li> 标签