关于JS中onmuseover的有关问题
日期：2014-05-17 浏览次数：20613 次
关于JS中onmuseover的问题
我有一个代码模块，是这样考虑的，
当我的鼠标触摸到了 div 元素块时，代码就将原来的div中的p元素改变为input元素
我的代码如下：
-------------------------分割线--------------------------------
问题：
我这个代码，是有问题的。
因为，当我触碰了“搜索”后，我这个代码会“变成”input搜索框，然后5秒钟后恢复原状。
但是：
问题1、第一次鼠标经过没问题，但是后面无论经过多少次鼠标经过，就是没反应！这是为什么
问题2、我的代码中，就算我选定了文本框，焦点还在，焦点并未失去，可是一旦到了5秒立即变化！我想我这个代码应该不管他是否5秒，一定要失去焦点才恢复最初阶段，可我不会。 【焦点难就难在我div中的元素本身就是js中增加的！我不会啊！】
问题3、我的代码，IE中button会显示"搜索"这两个字，但是在chrome中显示不了，为什么？
这三个问题，我好纠结，我看了JS都快5天了！还是搞不定这些，心里好急！！！
因为公司里即将要开始项目了，我想在这之前赶紧学！
我是菜鸟，求教！！！【望三点都回答，因为我都不懂！】
我有一个代码模块，是这样考虑的，
当我的鼠标触摸到了 div 元素块时，代码就将原来的div中的p元素改变为input元素
我的代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
p{
width:110px;
height:30px;
padding:5px;
padding-top:20px;
padding-left:5px;
text-align: center;
}
p#quit{
background-color: #7FFF00;
}
p#search{
background-color: #00FFFF;
}
</style>
</head>
<body>
<div id="divSear" >
<p id="search" onmousemove="obtainedSearch()" onmouseout="leaveSearch()">搜索</p>
</div>
</body>
<script type="text/javascript">
function obtainedSearch(){
var srcSear = $("search");
srcSear.style.display="none";
var divSearCon = document.createElement("p");
divSearCon.id = "divSearCon";
var conSear = document.createElement("input");
conSear.type="text";
conSear.style.width="100%";
conSear.style.height = "21px";
var conText = document.createElement("button");
conText.value = "搜索" ;
conText.style.width = "50px";
conText.style.height = "20px";
divSearCon.appendChild(conSear);
divSearCon.appendChild(conText);
var div = $("divSear");
div.appendChild(divSearCon);
}
function leaveSearch(){
setTimeout("exeLeaveSearch()",5000);
}
function exeLeaveSearch(){
var div = $("divSear");
if( null != $("divSearCon") ){
$("divSearCon").style.display="none";
}
var relife = document.createElement("p");
relife.id = "search" ;
relife.innerHTML = "搜索" ;
div.appendChild(relife);
}
function $(id){
return document.getElementById(id);
}
</script>
</html>
-------------------------分割线--------------------------------
问题：
我这个代码，是有问题的。
因为，当我触碰了“搜索”后，我这个代码会“变成”input搜索框，然后5秒钟后恢复原状。
但是：
问题1、第一次鼠标经过没问题，但是后面无论经过多少次鼠标经过，就是没反应！这是为什么
问题2、我的代码中，就算我选定了文本框，焦点还在，焦点并未失去，可是一旦到了5秒立即变化！我想我这个代码应该不管他是否5秒，一定要失去焦点才恢复最初阶段，可我不会。 【焦点难就难在我div中的元素本身就是js中增加的！我不会啊！】
问题3、我的代码，IE中button会显示"搜索"这两个字，但是在chrome中显示不了，为什么？
这三个问题，我好纠结，我看了JS都快5天了！还是搞不定这些，心里好急！！！
因为公司里即将要开始项目了，我想在这之前赶紧学！
我是菜鸟，求教！！！【望三点都回答，因为我都不懂！】
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
