当文本框获得焦点的时候，在文本框的下方显示一个浮动层。 当用户点击除了文本框和浮动层以外的网页空白处时，要隐藏浮动层。 当用户点击浮动层时，改变文本框的值。 复制代码 代码如下: <BR>function $(id){ <BR>return (document.getElementById(id)); <BR>} <br><br>function show_div(evt) { <BR>var od = $('div1'); <BR>var e = window.event || evt; <BR>var o = e.srcElement || e.target; <BR>with (od.style) { <BR>display = 'block'; <BR>left = o.offsetLeft + 'px'; <BR>top = o.offsetTop + o.offsetHeight + 1 + 'px'; <BR>} <BR>} <br><br>function hide_div(evt) { <BR>$('div1').style.display = 'none'; <BR>} <br><br>function control_bubble(oEvent) { <BR>//取消冒泡 <BR>oEvent = oEvent || window.event; <BR>if (document.all) { <BR>oEvent.cancelBubble = true; <BR>} else { <BR>oEvent.stopPropagation(); <BR>} <BR>}; <br><br>function fill_input(oEvent) { <BR>$('text1').value = $('div1').innerHTML; <BR>control_bubble(oEvent); <BR>} <br><br>window.onload = function() { <BR>$("text1").onfocus = show_div; <br><br>document.onclick = function() { <BR>//隐藏层 <BR>hide_div(); <BR>}; <br><br>$("text1").onclick = control_bubble; <BR>$("div1").onclick = fill_input; <BR>} <BR> style="background:#666;position:absolute;overflow:auto;display:none;padding:50px;">点击我
