A big problem with onmouseover

**Teron** · 02-21-2010 03:20 PM

I have a code like this:

Code:

<script type="text/javascript">
function wr(){
	document.getElementsByTagName('body')[0].innerHTML+=1;
	
}
function wr2(){
	document.getElementsByTagName('body')[0].innerHTML+=2;
	
}
</script>
</head>
<body>
sdsd
<span onmouseover="wr()" onmouseout="wr2()" id='tex'>aaaa</span>
ewewe
</body>
</html>

and when I'm moving the mouse on the span, the result is like this:
sdsd aaaa ewewe 12121212121212121212121212121212121212121212121212121212121212121212

as if "onmouseover" is the same as "onmousemove"! What can I do with this? THanks!

**Sterling Isfine** · 02-21-2010 09:55 PM

Originally Posted by Teron

and when I'm moving the mouse on the span, the result is like this:
sdsd aaaa ewewe 121212121212121212121

You're re-writing the entire body, which is triggering mouseout then mouseover events. You need to isolate the involved elements:

Code:

<html>
<head>
<script type="text/javascript">
function wr( elem )
{
   document.getElementById('theContent').innerHTML+=1;
}
function wr2(elem)
{
  document.getElementById('theContent').innerHTML+=2;	
}
</script>
</head>
<body>
sdsd
<span onmouseover="wr()" onmouseout="wr2()" id='tex'>aaaa</span>
<div id='theContent'></div>
</body>
</html>

**Teron** · 02-22-2010 03:09 AM

Thanks Sterling! It took me hours to realize this problem...

Thread: A big problem with onmouseover

Thread Tools

Display

A big problem with onmouseover

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions