利用window.createPopup(),创建类似Email地址栏的智能感知,未完善（待续．．．）

最新推荐文章于 2020-06-03 10:23:40 发布

原创最新推荐文章于 2020-06-03 10:23:40 发布 · 919 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#email #div #function #html #input #服务器

1.0 JavaScript 专栏收录该内容

61 篇文章

订阅专栏

<html>
<body onload="ChangeDivColor()">

<script>
var oPopup=window.createPopup();

function GetTextBoxDown(){
    oPopup.document.body.innerHTML=mydownDiv.innerHTML;
    var top=document.getElementById("mytext").offsetHeight;

    oPopup.show(0,top, 300, 100, mytext);
}

function ChangeDivColor(){
   var parentDiv=document.getElementById("mydownDiv").childNodes;
   for(i=0;i<parentDiv.length;i++){
       parentDiv[i].addEventListener("onMouseOver","OverChangeColor",true);
    parentDiv[i].addEventListener("onmouseout","OutChangeColor",true);
   }
}

function OverChangeColor(){
    alert("OverChangeColor");
}

function OutChangeColor(){
    alert("OutChangeColor");
}
</script>

<br><br><br>
Email地址：
<input type="text" id=mytext onclick="GetTextBoxDown()" style="width:550px" />
<br>
<br>
<div id=mydownDiv style="Display:none">
     <div style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; LEFT: 0px; OVERFLOW-X: hidden; PADDING-BOTTOM: 10px;

SCROLLBAR-HIGHLIGHT-COLOR: #99ccff; OVERFLOW: scroll; WIDTH: 300px; SCROLLBAR-ARROW-COLOR: white; PADDING-TOP:

10px; BORDER-BOTTOM: black 2px solid; SCROLLBAR-BASE-COLOR: #3366cc; POSITION: absolute; TOP: 0px; HEIGHT:

100px; BACKGROUND-COLOR: #e4e4e4">
    <div>QQ:359252363</div>
    <div>网名:和尚洗漂柔</div>
    <div>手机:13805057479</div>
    <div>lqscoke@126.com</div>
     </div>
</div>

</body>
</html>

要再结合Ａｊａｘ实现，查询服务器的通信录．．．再绑定到这里，再处理．．．有时间再弄弄．．待续．．