请问用javascript如何动态获取一个文本框的坐标???

loveolala 2002-12-30 04:15:56
<input name="stockCode" type="text" class="input">
<SELECT name="codeList" size=2 style="Z-INDEX:100; display:none;LEFT: 450px; WIDTH: 130px; POSITION: absolute; TOP: 200px; HEIGHT: 135px;Design_Time_Lock: True">

如上代码,我有一个input框和一个select框,我想让select框总是处于input框正下方,我该怎样来根据input框的坐标来确定select框的坐标?(也就是说我如何能获取input框在当前页面中的坐标呢?)
...全文
239 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
lovejsp 2003-02-23
  • 打赏
  • 举报
回复
tdl982324(石井坚) 的代码好象只能得到你控件的坐标,而不能得到光标在父控件的坐标,如果能得到的话,加一下应该就可以了。
loveolala 2002-12-30
  • 打赏
  • 举报
回复
多谢!
Reker熊 2002-12-30
  • 打赏
  • 举报
回复
//Javascript
//调用时getIE("控件id")
<script language="Javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"\nleft="+l);
}
</script>
已经博主授权,源码转载自 https://pan.quark.cn/s/a4b39357ea24 在网页构建与开发过程中,个性化定制文本框光标能够显著增强用户的使用感受。 JavaScript作为一门功能强大的客户端脚本语言,能够有效达成定制化光标交互的预期效果。 下文将依据现有文档资料,对完成这一功能所必须掌握的核心技术点进行系统阐述。 ### 定制文本框光标的整体构思定制化文本框光标通常需要模仿浏览器原生文本框光标的视觉形态与功能表现。 依据HTML标准规范,文本框光标仅可通过CSS的`color`属性进行色彩调整,若需实现诸如形状、色彩渐变或动态效果等复杂样式,则必须借助JavaScript编程技术加以实现。 ### 核心操作与事件响应机制文档资料中界定了三种基础键盘操作类型:向左移动光标、向右移动光标以及执行删除操作。 这些操作对应的JavaScript事件处理程序包含获取按键信息、评估文本框状态以及修正光标位置的算法逻辑。 1. **向左移动光标**:当触发向左箭头键操作时,若文本框内存在内容,光标需向左偏移一个字符单位。 若光标已处于文本起始位置,则维持当前位置不变。 该功能可通过监听键盘事件实现按键动作的捕捉,并同步更新光标坐标。 2. **向右移动光标**:当触发向右箭头键操作时,若文本框内存在内容,光标需向右偏移一个字符单位。 若光标已到达文本终止位置,则维持当前位置不变。 与向左移动类似,更新光标坐标需综合考量文本框的当前内容状态。 3. **执行删除操作**:当触发退格键操作时,若文本框内存在内容,需移除光标左侧的一个字符,并同步调整光标位置。 若文本框为空状态,则光标位置保持不变。 ### HTML文档结构定制文本框光标首先需要构建合适的HTML文档结构,这包括用于呈现光标的`d...

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧