1、HTML:
2、CSS:
3、JS
$(".first").mouseover(function (e) { var str = e.target.className||e.target.nodeName; if (str == "first") console.log("first") if (str == "second") console.log("second") if (str == "third") console.log("third") if (str == "forth") console.log("forth") });
以上代码在chrome中正常,在IE中则没有效果。
在本地测试了你的代码,在IE下确实存在问题。
IE中调试,修改代码:
发现e.target是img。
解决方案:给.first增加background样式,比如.first{background:#ddd;}
想知道为什么,搜索关键字“IE mouseover 穿透”
IE8~11测试没问题,请考虑jquery支持的版本
怎么不用hover?