如何检查所选文本是否在两行文本中

时间:2011-03-16 21:11:14

标签: javascript html

我们在文档中有文本,部分文本由用户使用鼠标选择:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa****aaaa   aaaaaaaaaaaaaaaaaaaaa  aaaaaaa
a aaaaaaa aaaaaaaaaaaaa aaaa****aaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaa

如何检查选择是仅在一行还是在两者中?

html结构如下:

<div>
   <span> aaaaaaaaaa aaaaaaaaaaa aaa <span> selectedt text </span> </span>
</div>  

3 个答案:

答案 0 :(得分:1)

这一切都取决于用户屏幕/窗口大小的大小

答案 1 :(得分:1)

一个想法可能是暂时跨越一个带有强制布局标记的字符,spanposition:relative,检查高度。然后将其与整个选择高度进行比较,以相同的方式检索。

答案 2 :(得分:1)

不知道你到底想要什么,但也许这可能会有所帮助;

http://www.quirksmode.org/js/events_mouse.html

在'relatedTarget,fromElement,toElement' - &gt;部分下当你给span元素一个id时,你可以检查你从哪个元素开始,以及你在哪个元素结束。特此要知道元素中是否存在交叉。

由于文本换行,分辨率,屏幕大小,字体大小等原因,我认为不可能确切地知道用户开始在哪一行(屏幕上)结束。