H5 contentEditable 创建可编辑区域

于 2020-11-24 13:41:01 发布
阅读量443 收藏
点赞数 1
分类专栏： 前端 文章标签： html5 js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43639981/article/details/110070122
版权
本文介绍如何利用HTML5的contentEditable属性创建一个可编辑区域，当点击时div变为可编辑，失去焦点后恢复不可编辑。同时讨论了在编辑过程中遇到的输出显示、动态赋值导致光标重置的问题，并提供了解决方案，确保在赋值后能正确维护光标位置。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

本文实现的是点击时div变为可编辑，在移除焦点后恢复不可编辑状态，以及在编辑过程中显示编辑内容的实时变化

1. HTML部分

-webkit-user-select: text;在有些移动端开发时经常会加入禁止选中样式，会导致可编辑区域无法编辑

<div onclick="focustest();" onblur="blurtest();" onkeyup="keyuptest();"
最低0.47元/天 解锁文章
博客
对称加密算法模式简介
weixin_56255413的博客
12-12 1851
在对称加密算法中，我们常用的AES和SM4是不是可以满足所有的应用需求的数据块加密呢？答案是否定的，如果简单的使用AES去加密所有的信息，则比较容易被破解，因为相同的数据块加密后的结果是一样的。假设我们将数据分为多块，每一块的数据加密后同时又影响到另一块的数据加密，然后依次影响后面的数据加密，这样的加密方案才是更加安全的，于是诞生了多种加密模式。不同加密需求适用于不同的加密模式；---------先开个头，后面介绍下所有的加密模式-----，可能会给出一种模式的python代码（如果有golden数据）
博客
密码学基础-数据加密
最新发布
wangyx1234的博客
08-05 2104
安全的话题可以从完整性、机密性、合法性、不可否认性四个方面进行讨论；不同的安全风险需要不同的安全组件来抵抗风险。机密性保护可以使用对称密钥、非对称密钥来实施保护方案。对称加密有着执行速率快，资源消耗小的特点，但是前提是通信双方提前知道密钥；非对称加密有可以让初次通信的双方立即建立加密通信的优势，但是通信过程复杂，加解密比较消耗资源；AES XTS 分组加密模式使用两个 AES 密钥。一个密钥用于执行 AES 块加密;另一个用于加密所谓的“调整值”。
博客
XTS-AES
Lou's Knowledge Base
05-04 1605
AES加密算法， 不说了。 block cipher的各种工作模式，ECB、CBC、Counter等，不说了。   Cipher在用作disk encryption的时候，也有许多问题要考虑。主要是ECB模式不行（很明显），CBC模式也不好（无法随机访问），所以IEEE标准化了一个P1619标准，IEEE Standard for Cryptographic Protection of...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值