iframe进入判断

https://files.cnblogs.com/files/chinasoft/Desktop.rar

 

<div id="outer" >
    <div id="inner" >
        <iframe onmouseleave="innerLeave()" onmouseenter="innerEnter()" src="http://www.chinacyzf.com/" width=400 height=300></iframe>
    </div>
</div>

<script>

    window.onblur = function () {
        console.log("window blur")
    }

    window.onfocus = function () {
        console.log("window onfocus")
    }

    function outerLeave() {
        console.log("outer leave...")
    }

    function outerEnter() {
        console.log("outer enter...")
    }

    function innerLeave() {
        console.log("inner leave...")
    }

    function innerEnter() {
        console.log("inner enter...")
    }
</script>

<style>
    #outer {
        background-color: #00BC15;

        padding: 4px;
        float: right;
    }

    #inner {
        background-color: #a175f8;

        padding: 4px;
        float: right;
    }
</style>