大div有一个onmouseover事件，div里面图片文字之间移动都会触发onmouseover事件，怎么解决

Question

<li><a href="#"><div class="cp_img" onmousemove="showdiv(1)" id="tu1"><img src="images/cp_11.png"><h2>123</h2></div>

/* 上面这个div默认显示，鼠标移入之后隐藏，下面的div显示*/

                    <div class="cp_pic" style="display:none;" id="pic1"><img src="images/cp_1.png"  onmouseout="yindiv(1)"><h2>123</h2>

                    <p>123123123123123</p>

                    </div></a>

                </li>

<li><a href="#"><div class="cp_img" onmousemove="showdiv(1)" id="tu1"><img src="images/cp_11.png"><h2>行业云</h2></div>

                    <div class="cp_pic" style="display:none;" id="pic1"><img src="images/cp_1.png"  onmouseout="yindiv(1)"><h2>行业云</h2>

                    <p>首个云平台在全国设立了99个热门行业门户网站，600万个地方行业门户网站。</p>

                    </div></a>

                </li>

/*问题是我给cp_pic的div绑定onmouseover事件后，我的鼠标在div里移动，比如h2到p之间移动的时候都会触发onmouseover事件，就会出现闪屏的效果，请问怎么解决*/

Answer 1

用nodeName做判断，如果移动到文字上变为false，此时禁止mouseover，否则开启moseover

Answer 2

onmouseenter/onmouseleave 了解一下