HTML5的contenteditable属性解析

这篇文章主要介绍了关于HTML5的contenteditable属性解析，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

背景

今天在项目开发过程中通过接口拿到了第三方返回的dom节点，结果发现展示到页面上会出现编辑框，然后查看了代码发现该标签内添加了contenteditable = true属性，由于之前没有用到过这个属性，遂上网查了一下。

学习

• 定义：contenteditable属性规定是否可编辑元素的内容。

• 语法：

  <element contenteditable="value">注：value的取值有三种，true（可编辑）、false（不可编辑）、classname（继承父元素的 contenteditable 属性）

• 实例：

  <p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>

• 兼容性：基本兼容所有浏览器。

  立即学习“前端免费学习笔记（深入）”；