mouseover与mouseout的问题,HELP

qfljm 2007-11-09 11:54:23

...全文

130 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

shagoo 2007-11-09

打赏
举报

这是由于 mouseXXX 方法的冒泡原则引起的，给你一个思路：



var obj = null;

if (window.event) {

  if (sign) {

    obj = event.fromElement;

  } else {

    obj = event.toElement;

  }

} else {

  obj = e.relatedTarget;

}

while (obj!=null && obj.id!='divA_ID') { // ID of the divA

  obj = obj.parentNode;

}

if (obj==null) {

  // Add Your Code Here

  ...

}

这样子就可以在 DivA 里操作 DivB 的时候不触发 A 的 mouseXXX 事件了

nicholsky 2007-11-09

打赏
举报

用event判断。
function onmouseout函数(event){
var o = event.target || window.event.srcElement;
if(o.id="B元素ID"){ return }
.......你原来的onmouseout函数
}

qfljm 2007-11-09

打赏
举报

qfljm 2007-11-09

打赏
举报

for_cyan 2007-11-09

打赏
举报

I can't see the pic

qfljm 2007-11-09

打赏
举报

有问题,B闪的厉害

glvicky 2007-11-09

打赏
举报

貌似没问题吧？！

qfljm 2007-11-09

打赏
举报



<html><head><meta http-equiv="content-type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css"><!--

a, a:link{text-decoration: none; color:#000000; font-size:9pt;}	a:visited{text-decoration: none; color:#000000;}	a:hover{text-decoration: underline; color:red;}

body, td, p, li, div, select{font-size:9pt; font-family:"宋体";}

--></style>

<script language="javascript" type="text/JavaScript">

	function getOffset(el,isLeft){var retValue=0;while(el!=null){retValue += el['offset'+(isLeft?'Left':'Top')];el=el.offsetParent;}return retValue;};

	var oN=null;

	function ove(o)

	{

		var p=0, b=document.getElementById("tB");

		if(o!=b)

		{

			p=1;

			oN=o;

		}

		b.style.display='block';

		b.style.top=getOffset(o,false)+p;

		b.style.left=getOffset(o,true)+(o.offsetWidth-b.offsetWidth)-p;

		b=null;

	}

	function out(o)

	{

		var b=document.getElementById("tB");

		b.style.display='none';

		b=null;

	}

	function cli(o)

	{

		var s='你在 '+oN.id+' 区点击了B';

		document.getElementById('TX').value=s;

	}

</script>

</head>



<body>

<input type="text" id="TX" />

<br /><br /><br />

<div id="tA" onmouseover="ove(this);" onmouseout="out(this);" style="width:100px;height:80px;border:1px blue solid;text-align:center;line-height:80px;">A</div>

<br /><br /><br />

<div id="tC" onmouseover="ove(this);" onmouseout="out(this);" style="width:100px;height:80px;border:1px blue solid;text-align:center;line-height:80px;">C</div>

<br /><br /><br />

<div id="tB" onmouseover="ove(this);" onmouseout="out(this);" onclick="cli(this)" style="position:absolute;z-index:100;width:30px;height:20px;border:1px red solid;text-align:center;background:#FF9966;display:none;">B</div>

</body>

</html>