我如何获得“.is”在旧版本的 Internet Explorer 中工作
我没有让“.is”起作用。它在 IE9、firefox 和其他现代浏览器中运行良好，但不适用于 IE8 或 IE7
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$('body').click(function () {
if (!$('.myDiv').is(":hover")) {
alert("outside of blue div");
}
});
</script>
<div class="myDiv" style="width:150px; height:150px; background:blue"> </div>
</body>
</html>
或者查看此处 http://jsfiddle.net/uh8RB /
如何让它在 IE8 及更早版本中工作？
I'm not getting ".is" to work. It's working great in IE9, firefox and other modern browsers but not IE8 or IE7
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$('body').click(function () {
if (!$('.myDiv').is(":hover")) {
alert("outside of blue div");
}
});
</script>
<div class="myDiv" style="width:150px; height:150px; background:blue"> </div>
</body>
</html>
Or look here http://jsfiddle.net/uh8RB/
How do I get it to work in IE8 and older?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
尝试使用
$(document).click而不是$('body').click。有时，标记不会占据整个屏幕的高度/宽度，因此您可能会在标记外部单击。另外，尝试
!$(e.target).is('.myDiv').is(":hover")$(e.target).closest('.myDiv').length === 0（.closest用于检测我们是否点击了 div 或者子元素div 的）。我认为 IE7 或 IE8 不支持:hoverCSS 伪属性。演示：http://jsfiddle.net/uh8RB/5/
更多测试：http://jsfiddle.net/uh8RB/8/
更新的演示：http://jsfiddle.net/uh8RB/14/
Try using
$(document).clickinstead of$('body').click. Sometimes the<body>tag doesn't take up the full screen height/width, so you may be clicking outside the<body>tag.Also, instead of
.is(":hover"), try!$(e.target).is('.myDiv')$(e.target).closest('.myDiv').length === 0(.closestis used to detect if we are clicking the div or a child of the div). I don't think IE7 or IE8 support the:hoverCSS pseudo-property.Demo: http://jsfiddle.net/uh8RB/5/
More Tests: http://jsfiddle.net/uh8RB/8/
Updated Demo: http://jsfiddle.net/uh8RB/14/