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

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>
相关推荐
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2010-01-14 10:10
社区公告
暂无公告