js获取某个div离浏览器头部的位置

js获取某个div离浏览器头部的位置,第1张

第一、先要把这个div的定位设为 relative 或者 absolute,比如:

<div id="d1" style="margin-top: 3;margin-left: -5;width: 470;height: 25;position:relative" ></div>

第二、离浏览器头部位置top值: documentgetElementById('d1')offsetTop+documentbodyscrollTop

left值:documentgetElementById('d1')offsetLeft;

首先要实现输入内容不同颜色是可以实现的,比如使用一个可编辑iframe就可以了,textarea是不行的。

至于功能的实现,我觉得不需要获取结束位置。

首先检测鼠标事件,如果有点击编辑区的某个位置,你就获取当前鼠标的落点,然后用innerHTML加入一对标签,<span class="color:#XXXXXX"></span>,所有输入内容都在这个span中间。效果就是输入的所有文字都变色。

不知道楼主明白没?

以上就是关于js获取某个div离浏览器头部的位置全部的内容,包括:js获取某个div离浏览器头部的位置、js怎样获取可编辑div中光标的位置、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9605431.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存