为contenteditable html div设置光标位置

时间:2016-09-19 07:34:03

标签: javascript jquery contenteditable caret cursor-position

我正在尝试将光标位置设置在一个令人满意的html div中 但错误:<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="//code.jquery.com/jquery-2.1.0.js"></script> <script type='text/javascript'> $('#editable').click(function () { var range = window.getSelection() || document.getSelection() || document.selection.createRange(); var start = range.anchorOffset; var end = range.focusOffset; var element = document.getElementById('editable'); var selection = document.getSelection(); var newrange = document.createRange(); newrange.setStart(element.firstChild, start); newrange.setEnd(element.firstChild, end); selection.removeAllRanges(); selection.addRange(newrange); }); </script> </head> <body> <div class="editable" id="editable" class="thumbnail value" contenteditable="true" style="width:500px;border:3px solid #ddd;padding:10px;margin:0 auto;"> <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h2> <p>Sedut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium</p> <p>tTotam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur</p> <p><strong>Magni dolores eos qui ratione</strong> voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p> <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p> </div> </body> </html>

我正在为可信区域制作音译工具。

小提琴:https://jsfiddle.net/5pzbtzc9/1/

Map<String, Object> dist = new HashMap<>();
dist.put(item.getDistrict().toLowerCase(), item.getDistrict());

 ref.child("States")
    .child(state.toLowerCase())
    .child("Districts")
    .setValue(dist, callback);



 States 
  - andhrapradesh
    -name: "Andhra Pradesh" 
    -Districts
       - vizag
           - name : Vizag
       - eastgodavari
           - name: East Godavari

0 个答案:

没有答案