Sydney7106
V2EX  ›  问与答

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

  •  
  •   Sydney7106 · Jun 15, 2018 · 6109 views
    This topic created in 2888 days ago, the information mentioned may be changed or developed.
    <div contenteditable="true">
    
    	.....
    
    	<div id="disable">禁止编辑元素</div>
    </div>
    

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

    5 replies    2018-08-02 11:54:59 +08:00
    klesh
        1
    klesh  
       Jun 15, 2018 via Android
    加个 contenteditable=false
    Sydney7106
        2
    Sydney7106  
    OP
       Jun 15, 2018
    @klesh 加这个是没有用的, 使用这个`user-modify:read-only;`倒是能有效果。只是又有其它问题.
    klesh
        3
    klesh  
       Jun 15, 2018
    chrome 下是可以的。
    shpasspass
        4
    shpasspass  
       Jun 15, 2018   ❤️ 1
    <div contenteditable="true">
    .....
    <input type="text" disabled value="123123">
    </div>
    hoythan
        5
    hoythan  
       Aug 2, 2018
    @shpasspass 卧槽,大哥太骚了,这个太绝了,添加 contenteditable=false 会导致这个元素后面的光标不可见,比如插入个字符串才能看到光标。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3273 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 14:10 · PVG 22:10 · LAX 07:10 · JFK 10:10
    ♥ Do have faith in what you're doing.