请问如何控制div在鼠标处显示

[jthkl]

我想将div隐藏起来，在用户点击一个文本框或者一个按钮后根据鼠标位置在旁边显示相应内容，就像拼音输入法的提示一样，位置跟着鼠标（光标）走，请问如何做到？

另外就是是否也可以获得文本框或按钮的位置，然后在相应位置显示？但是由于是居中的，所以根据屏幕分辨率，控件的绝对位置是会变化的。

[jthkl]

引用 3 楼 yzgjames 的回复:

1.设置div为绝对定位，position:absolute 2.给文本框或者按钮绑定点击事件 传入事件对象event，据此获取鼠标的位置event.top、event.left，将div的偏移位置设置为鼠标位置，为了显示效果，可以适当加个小的偏移量5px。

谢谢。在网上找到了如下代码，用的正是你说的方法，粘贴出来给大家分享

/*
 * write by waitingbar
 * time 20121002
 *
 */
 
var x , y;

//当需求为获得的坐标值相对于body时，用：
function positionBody(event){
	event = event||window.event;
	//获得相对于body定位的横标值；
	x=event.clientX
	//获得相对于body定位的纵标值；
	y=event.clientY
}



//应用：
document.onmousemove = function(event){
	positionBody(event);
	document.getElementById("x").innerHTML = "x= " + x + "px";
	document.getElementById("y").innerHTML = "y= " + y + "px";
}

[DaveLeeCN]

点击文本框的时候给页面绑定mousemove事件，在鼠标位置显示悬浮的div，至于获得元素的位置，直接百度

[qq137051908]

设置要显示的div基于body绝对定位，要显示的时候获取事件源取鼠标坐标然后设置div的left top值

[yzgjames]

1.设置div为绝对定位，position:absolute 2.给文本框或者按钮绑定点击事件 传入事件对象event，据此获取鼠标的位置event.top、event.left，将div的偏移位置设置为鼠标位置，为了显示效果，可以适当加个小的偏移量5px。