当前位置: 首页 > news >正文

contenteditable=“true“可编辑div字数限制

属性contenteditable="true"属性使元素可以被用户直接编辑。

使用 div 元素并设置 contenteditable="true" 属性,使其可编辑。

实现功能:

  • 输入内容达5000字后英文输入法无法输入
  • 输入内容达5000字后中文输入法无法输入
  • 输入内容达5000字后特殊字符法无法输入
  • 输入内容达5000字后中键盘粘贴不会输入
  • 输入内容达5000字后鼠标右键粘贴不会输入
  • 输入内容达5000字后可以删除,键盘上下左右键可以移动
  • 粘贴内容时若粘贴后总字数会超过5000字,则会对粘贴内容进行剪裁,使粘贴后总字数数为5000字
  • 输入内容达5000字后托选内容后可以输入中文、英文、特殊字符
  • 输入内容达5000字后托选内容后可以进行粘贴,依旧会以5000字的限制将粘贴内容进行剪裁
  • 替换读音的之后的总字数超过5000字会替换失败无法替换

中文输入事件

  • compositionstart
    是指中文输入法开始输入触发,每次输入开始仅执行一次,执行的开始是 end 事件结束了才会触发
  • compositonupdate
    是指中文输入法在输入时触发,也就是可能得到 shu’mei 这种内容,这里返回的内容是实时的,仅在 start 事件触发后触发,输入时实时触发
  • compositionend
    是指中文输入法输入完成时触发,这是得到的结果就是最终输入完成的结果,此事件仅执行一次。
    需要特别注意的是:该事件触发顺序在 input 事件之后,故而需要在此事件的处理逻辑里调用一次 input 里边的业务逻辑

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • JVM —— 类加载器的分类,双亲委派机制
  • Ubuntu中交叉编译armdillo库
  • PostgreSQL主备环境配置
  • SpringBoot 整合 Easy_Trans 实现翻译的具体介绍
  • 人工智能有助于解决 IT/OT 集成安全挑战
  • 《动手学深度学习》笔记1.9——丢弃法 (一种正则化方法)
  • JVM基本组成
  • 【AI算法岗面试八股面经【超全整理】——深度学习】
  • PLC Twincat3 对传感器数据滑动平均滤波
  • HTML与JavaScript结合实现简易计算器
  • hadoop大数据平台操作笔记(上)
  • 聚合函数count 和 group by
  • Android Input系统原理一
  • MAC如何获取文件数字签名和进程名称
  • QT开发: Qt 框架中字符串核心类QString详解
  • Android开发 - 掌握ConstraintLayout(四)创建基本约束
  • create-react-app项目添加less配置
  • Debian下无root权限使用Python访问Oracle
  • Docker入门(二) - Dockerfile
  • JWT究竟是什么呢?
  • mysql外键的使用
  • opencv python Meanshift 和 Camshift
  • PyCharm搭建GO开发环境(GO语言学习第1课)
  • React-redux的原理以及使用
  • webpack+react项目初体验——记录我的webpack环境配置
  • WordPress 获取当前文章下的所有附件/获取指定ID文章的附件(图片、文件、视频)...
  • Xmanager 远程桌面 CentOS 7
  • 聊聊springcloud的EurekaClientAutoConfiguration
  • 爬虫进阶 -- 神级程序员:让你的爬虫就像人类的用户行为!
  • 使用权重正则化较少模型过拟合
  • 我与Jetbrains的这些年
  • Nginx惊现漏洞 百万网站面临“拖库”风险
  • 你学不懂C语言,是因为不懂编写C程序的7个步骤 ...
  • ​secrets --- 生成管理密码的安全随机数​
  • #经典论文 异质山坡的物理模型 2 有效导水率
  • #我与Java虚拟机的故事#连载07:我放弃了对JVM的进一步学习
  • $.extend({},旧的,新的);合并对象,后面的覆盖前面的
  • (13)[Xamarin.Android] 不同分辨率下的图片使用概论
  • (2)从源码角度聊聊Jetpack Navigator的工作流程
  • (AtCoder Beginner Contest 340) -- F - S = 1 -- 题解
  • (delphi11最新学习资料) Object Pascal 学习笔记---第5章第5节(delphi中的指针)
  • (Python) SOAP Web Service (HTTP POST)
  • (二) 初入MySQL 【数据库管理】
  • (附源码)springboot课程在线考试系统 毕业设计 655127
  • (回溯) LeetCode 78. 子集
  • (转)Spring4.2.5+Hibernate4.3.11+Struts1.3.8集成方案一
  • .ai域名是什么后缀?
  • .net core + vue 搭建前后端分离的框架
  • .net core 6 集成 elasticsearch 并 使用分词器
  • .NET/C# 将一个命令行参数字符串转换为命令行参数数组 args
  • .NET和.COM和.CN域名区别
  • .NET企业级应用架构设计系列之应用服务器
  • .NET中 MVC 工厂模式浅析
  • /etc/motd and /etc/issue
  • :如何用SQL脚本保存存储过程返回的结果集