javascript - 获取一段文本中最后一行的宽度

Question

是否有可能以某种方式测量具有多个中断/返回的段落中最后一行文本的长度？

          Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
          Donec id elit non mi porta gravida at eget metus. Nulla vitae
          elit libero, a pharetra augue. Nullam id dolor id nibh
          ultricies vehicula ut id elit. Vivamus sagittis lacus vel
[here] ->|augue laoreet rutrum faucibus dolor auctor.|<- [to here]

注意:文本中没有手动中断。它是包裹在里面的单行文本，比方说，<p></p>标签。

Answer 1

在字符串的末尾附加一个零宽度元素并测量其左偏移就足够了。

HTML

<p id="text">…text…</p>

JS

// NOTE: This assumes LTR text!
// Using JQuery for simpler code

var $el = $("#text");
var originalText = $el.html();

$el.html(originalText + "<span id='cursor'></span>");
alert($("#cursor").offset().left + "px");
$el.html(originalText);

JSFiddle:http://jsfiddle.net/Ca4fF/1/