relatedTarget的应用

relatedTarget的应用

by kixi

HTML

<div id='kixi-1' style='padding:10px;'>
    <div id='kixi-2' style='width:260px;height:100px;padding:10px;color:#fff;'> 
        没有阻止冒泡       
    </div>
</div>

CSS

/*
清晰网
kixi.com.cn
从javascript开始
*/
#kixi-1{background-color:red;}
#kixi-2{background-color:blue;}

JavaScript

var k1 = document.getElementById("kixi-1");
var k2 = document.getElementById("kixi-2");

function kixi_alert(e){
    e = event || window.event;
    alert(e.relatedTarget.id);
}


k1.addEventListener("mouseover",kixi_alert,false);
k1.addEventListener("mouseout",kixi_alert,false);