Js incident problem?

jia834150

<html>
<head> <title> Test </ title>
<script type = "text / javascript">
function newdiv ()
{
var e = document.getElementById ('test');
e.innerHTML = '';
var d = document.createElement ('div');
d.style.background = 'blue';
d.style.width = '100px';
d.style.height = '100px';
d.onmouseover = EventTest; // Register event handler
var d2 = document.createElement ('div');
d2.style.background = 'green';
d2.style.width = '50px';
d2.style.height = '50px';
d2.style.margin = '25px 25px';
d.appendChild (d2);
e.appendChild (d);
}
function EventTest ()
{
alert ('OK');
}
</ script>
</ head>
<body onload = "newdiv ();">
<div id = "test"> </ div>
</ body>
</ html>
======================================================= ===============
When the mouse enters the blue square, an 'OK' prompt is displayed, which is normal.
When the mouse enters the green square, an "OK" prompt appears, how can I not prompt
When the mouse enters the blue square from the green square, the "OK" prompt appears again. This prompt also wants to be removed.

Purpose: Only when the mouse enters the blue square, a prompt appears. Do not show a prompt on how to move inside the blue square. . .

7660367

The mouse over an element in a certain area will also trigger the onmouseover event. You can add a setTimeout to the onmouseover event. When the mouse is truly drawn from another element into this area, the function is triggered. The function is not run if an event inside the block is triggered.

22851683

onmouseenter

jia834150

What, the new incident that came?
Is there any source document to view?

jia834150

Changed the trigger event, it immediately refreshed, thank you
Also thank other friends who provide help~