跨浏览器的 mouseenter mouseleave 以及 compareDocumentP(3)

                //当前状态值 与输入的状态做 & 运算  如果返回值 不等于 改状态 的标识值 则 return false .

               //比如 010101 & 010000 返回010000则 说明当前标识值具备 010000这个状态.

}
            return true;
        },
        _check: function(sFlag) {
            if (!sFlag in this._flags) throw new Error(" 当前 flag 中不存在" + sFlag + "标识");

            //检查当前输入状态字符串 是否是合法值.
        }
    }

用法:

var fileStatus=new flag('readOnly,hidden,otherStatus');

fileStatus.setStatus('readOnly,hidden');

alert(fileStatus.hasStatus('readOnly'))//true;

alert(fileStatus.hasStatus('hidden'))//true;

alert(fileStatus.hasStatus('otherStatus'))//false;

最后 我们回到正题 我们借助 compareDocumentPosition 来模拟 mouseenter mouseleave

DOM结构:

<div >
    <div >
        <div >
            <div >
                <div >
                </div>
            </div>
        </div>
    </div>
</div>

js脚本:

 

var dd = document.getElementById('dd')

if (! +'\v1') {//ie
        dd.onmouseenter = function() { alert(1); };
        dd.onmouseleave = function() { alert(2); };
    }
    else {//others
        dd.onmouseover = function(e) {
            var t = e.relatedTarget;
            var t2 = e.target;
            this == t2 && t && !(t.compareDocumentPosition(this) & 8) && alert(1);
        };
        dd.onmouseout = function(e) {
            var t = e.relatedTarget;
            var t2 = e.target;
            this == t2 && t && !(t.compareDocumentPosition(this) & 8) && alert(2);
        };
    }

大功告成!!!!!

您可能感兴趣的文章: