哪位高手来看看啊?这段代码正常吗？

liupeng6899319 2010-01-14 10:10:44







 







<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>





<body>

<table width="50%" height="186" id=tb1>

		<tr>

			<td width="50%" ><br>		

		<div  onmouseout="disdiv1(this)" id="div0"  style='display=none;background-color:#DFE8F6; width:500; height:400' >			

		<a  href="mailto:freesky75@126.com"><span style="color:#FF00BB; font:bold Arial, Helvetica, sans-serif ; font-size: 20px">freesky75@126.com </span></a>

		

		</div>

		

		<span onMouseOver="div1(this)" id='span0' >

		邮箱:freesky75@126.com		</span>

		

		</a>		

	

		

				</td>

		</tr>				

</table>

		<script language="JavaScript">

		function div1(data)

		{					

				document.getElementById('div0').style.display='block';

				

				document.getElementById('div0').focus();		

		}

		

		function disdiv1(data)

		{

			

			data.style.display='none';

		}

	

		

		</script>		    	

</body>

</html>

问题：鼠标移动到层里的链接的时候怎么触发onmouseout了呢？哪出错了？

...全文

95 8 打赏收藏举报

写回复

8 条回复

切换为时间正序

当前发帖距今超过3年，不再开放新的回复

发表回复

happy002 2010-01-14

打赏
举报

[Quote=引用 3 楼 liupeng6899319 的回复:]
window.event为空或不是对象

[/Quote]

你代码里也没有这个东西啊

liupeng6899319 2010-01-14

打赏
举报

我把这个删了也是一样的效果啊

jeremyxuzz 2010-01-14

打赏
举报

HTML有问题吧？
<span onMouseOver="div1(this)" id='span0' >
邮箱:freesky75@126.com </span>

</a>
这个/a是对应的哪个 a?

liupeng6899319 2010-01-14

打赏
举报

window.event为空或不是对象

antony1029 2010-01-14

打赏
举报

阻止冒泡



function stopBubble(e){

//非ie的

if(e&& e.stopPropagation)

e.stopProgpagation();

else

window.event.cancelBubble=true;

}

antony1029 2010-01-14

打赏
举报

要阻止冒泡吧。

JKelfin 2010-01-14

打赏
举报

给你个例子，这个例子可以告诉你怎样防止事件的传递。
<html>
<head>
<title>Event Propagation</title>

<style type="text/css">
#t-daddy { border: 1px solid red }
#c1 { background-color: pink; }
</style>

<script type="text/javascript">

function stopEvent(ev) {
// this ought to keep t-daddy from getting the click.
ev.stopPropagation();
alert("be stop");
}

function load() {
elem = document.getElementById("c1");
elem.addEventListener("click", stopEvent, false);
}
</script>
</head>

<body onload="load();">

<table id="t-daddy" onclick="alert('not stop');">
<tr id="tbl1">
<td id="c1">one</td>
</tr>
<tr>
<td id="c2">two</td>
</tr>
</table>

</body>
</html>

xmliy 2010-01-14

打赏
举报



<table width="50%" height="186" id=tb1>

        <tr>

            <td width="50%" ><br>        

        <div  onmouseout="disdiv1(event, this)" id="div0"  style='display=none;background-color:#DFE8F6; width:500; height:400' >            

        <a  href="mailto:freesky75@126.com"><span style="color:#FF00BB; font:bold Arial, Helvetica, sans-serif ; font-size: 20px">freesky75@126.com </span></a>

        

        </div>

        

        <span onMouseOver="div1(this)" id='span0' >

        邮箱:freesky75@126.com        </span>

        

        </a>        

    

        

                </td>

        </tr>                

</table>

        <script language="JavaScript">



         //兼容FF

         HTMLElement.prototype.contains = function(element) {

                if (element == this) return true;

                while (element = element.parentNode) if (element == this) return true;

                return false;

            }



        function div1(data)

        {                    

                document.getElementById('div0').style.display='block';

                

                document.getElementById('div0').focus();        

        }

        

        function disdiv1(e, data)

        {

            e = e || window.event;

            var related = e.toElement ? e.toElement : e.relatedTarget;

            if(data.contains(related)) return;

            data.style.display='none';

        }

    

        

        </script>