「来源: |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
参数说明:

学习更多技能

举报/反馈
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。