如何设置DIV可编辑

「来源: |web前端开发 ID:web_qdkf」

如何让一个div变成可编辑状态,比如富文本的输入框就可以用可编辑的div(自定义一个富文本时可用),类似textare。

有2种方案可以实现:1是通过contenteditable属性设置为true,2是利用css的user-modify属性。

方案一:contenteditable属性

这里可以编辑

contenteditable 属性是 html5 中的新属性,contenteditable 属性规定元素内容是否可编辑。

注释:如果元素未设置 contenteditable 属性,那么元素会从其父元素继承该属性。

js操作:

监听事件keydown 、textInput 、input

方案二:css中user-modify属性

这里可以编辑

user-modify属性,用来控制用户能否对页面文本进行编辑。与标签的contentEditable属性类似。语法如下:

user-modify: read-only | read-write | read-write-plaintext-only

参数说明:

学习更多技能

举报/反馈