定位输入提示框

原创于 2010-09-02 21:47:10 发布 · 160 阅读

CC 4.0 BY-SA版权

本文介绍了一段用于实现HTML页面中输入框定位提示框功能的JavaScript脚本。该脚本通过获取输入框的位置信息，并据此调整提示框的位置，确保其准确显示在输入框附近。涉及元素位置获取、样式调整等关键技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先输入一个输入对象，如果一个输入框是<input type = 'text' name='goodman' id='goodman' />
position($('goodman'));
/**
* 定位提示框
*/
var position = function(o){

var top = o.offsetTop;
var height = o.clientHeight;
var left = o.offsetLeft;
while (o = o.offsetParent) {
top += o.offsetTop;
left += o.offsetLeft;
}
divTop.style.top = (top + height + 6) + 'px';
divTop.style.left = left + 'px';
divTop.style.display = "block";

div.style.top = (divTop.offsetTop + divTop.clientHeight) + 'px';
div.style.left = left + 'px';
div.style.display = "block";

divBottom.style.top = (div.offsetTop + div.clientHeight - 1) + 'px';
divBottom.style.left = left + 'px';
divBottom.style.display = "block";
};