我们在文档中有文本,部分文本由用户使用鼠标选择:
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa****aaaa aaaaaaaaaaaaaaaaaaaaa aaaaaaa
a aaaaaaa aaaaaaaaaaaaa aaaa****aaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaa
如何检查选择是仅在一行还是在两者中?
html结构如下:
<div>
<span> aaaaaaaaaa aaaaaaaaaaa aaa <span> selectedt text </span> </span>
</div>
答案 0 :(得分:1)
这一切都取决于用户屏幕/窗口大小的大小
答案 1 :(得分:1)
一个想法可能是暂时跨越一个带有强制布局标记的字符,span
带position:relative
,检查高度。然后将其与整个选择高度进行比较,以相同的方式检索。
答案 2 :(得分:1)
不知道你到底想要什么,但也许这可能会有所帮助;
http://www.quirksmode.org/js/events_mouse.html
在'relatedTarget,fromElement,toElement' - &gt;部分下当你给span元素一个id时,你可以检查你从哪个元素开始,以及你在哪个元素结束。特此要知道元素中是否存在交叉。
由于文本换行,分辨率,屏幕大小,字体大小等原因,我认为不可能确切地知道用户开始在哪一行(屏幕上)结束。