contenteditable="true" 元素中, 如何控制其部分子元素不允许编辑.

2018-06-15 10:52:37 +08:00
 Sydney7106
<div contenteditable="true">

	.....

	<div id="disable">禁止编辑元素</div>
</div>

怎样控制#disable 不允许编辑?

5066 次点击
所在节点    问与答
5 条回复
klesh
2018-06-15 11:06:29 +08:00
加个 contenteditable=false
Sydney7106
2018-06-15 16:26:46 +08:00
@klesh 加这个是没有用的, 使用这个`user-modify:read-only;`倒是能有效果。只是又有其它问题.
klesh
2018-06-15 20:20:36 +08:00
chrome 下是可以的。
shpasspass
2018-06-15 22:30:22 +08:00
<div contenteditable="true">
.....
<input type="text" disabled value="123123">
</div>
hoythan
2018-08-02 11:54:59 +08:00
@shpasspass 卧槽,大哥太骚了,这个太绝了,添加 contenteditable=false 会导致这个元素后面的光标不可见,比如插入个字符串才能看到光标。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/463313

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX