Question

我正在创建待办事项列表，并且我使用contenteditable为此，我在contenteditable中添加了ul，是的，我想让我的整个内容可编辑。

我想要的是，防止插入符号通过复选框。有没有办法做到这一点？！提前谢谢！

＆＃13;

.radio-btn {
 float: left;  
}
li {
 list-style: none;  
}
ul {
  
 padding: 0;
}
.radiobtn {
  display: inline;
  
}

＆＃13;

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <ul class="list" contenteditable="true">
            <li >
              <div class="radiobtn" aria-checked="false" aria-disabled="false" role="checkbox">
                  <input tabindex="3" type="radio" name="demo-radio">
                </div>
                Some paragraph here
            </li>
          </ul>

＆＃13;

Answer 1

如果我理解正确，您可以添加范围并给予重点： pasteHtmlAtCaret('<div class="radiobtn" contenteditable="false" aria-checked="false" aria-disabled="false" role="checkbox"> <input tabindex="3" type="radio" name="demo-radio"></div><span focus="true"></span>')

请参阅此plunkr：http://plnkr.co/edit/IIGkKqQvPv7iZ6H73BGG

//编辑：

试试这个CSS：

li {
 list-style: none;  
 position:relative;
 margin-left:20px;
}

.radiobtn {
  display: inline;
  position:absolute;
  left:-20px;
}

这样，收音机就不在<li>标签内了，插入符没有通过！

防止游标通过复选框在contenteditable

1 个答案: