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

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 里边的业务逻辑


http://www.kler.cn/a/315132.html

相关文章:

  • Docker部署Sentinel
  • 【Select 语法全解密】.NET开源ORM框架 SqlSugar 系列
  • 国产之光--仓颉编程语言的实战案例分析
  • vue-axios+springboot实现文件流下载
  • RabbitMQ中的Topic模式
  • Marscode AI辅助编程
  • qwen2.5 vllm推理;openai function call调用中文离线agents使用
  • 基于树莓派ubuntu20.04的ros-noetic小车
  • 程序员软硬通吃的核心竞争力修炼指南
  • 001、GitLabApi使用
  • 存储系统概述
  • 力扣674-最长连续递增序列(Java详细题解)
  • glTF格式:WebGL应用的3D资产优化解决方案
  • 反编译 AndroidManifest.xml文件-android反编译技术
  • 408算法题leetcode--第11天
  • 4.提升客户服务体验:ChatGPT在客服中的应用(4/10)
  • 如何用 HAproxy 实施高可用部署 | OceanBase 实践
  • 深度学习自编码器 - 去噪自编码器篇
  • Vue3.5+ 侦听器的3个更新
  • Java 编码系列:String、StringBuilder 与包装类
  • 前端分段式渲染较长文章
  • SQL_yog安装和使用演示--mysql三层结构
  • Vue.js 组件数据定义:为何使用函数而非对象
  • 微服务注册中⼼2
  • 基于python+django+vue的医院预约挂号系统
  • MySQL系列—11.Redo log