当window.open()调用时,铬悬停中的错误。

时间:2017-04-07 12:54:17

标签: javascript jquery css google-chrome

我相信当打开一个新窗口时,用于悬停的chrome存在错误。

以下代码演示了这一点:

<!DOCTYPE HTML>
<html>
<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js" type="text/javascript"></script>
<style>

#outter {
   height:30px;
   width:30px;
   background-color:grey;
   position:relative;
}

#outter:hover {
   cursor:pointer;
   background-color:red;
}

#menuBox {
   position:absolute;
   top:100%;
   width:100px;
   height:100px;
   border:1px solid black;
   display:none;
}

.menuItem {
   height:20px;
}

.menuItem:hover {
   background-color:grey;
}

</style>


<script>

$(document).ready(function() {
   $("#outter").on("click",function() {
      $("#menuBox").toggle();
});

$(".menuItem").on("click",function() {
   window.open(
       "http://www.google.com",
       "",
      "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,width=100,height=100,top=100,left=100");
   });

});
</script>


</head>
<body>

<div id="outter">

   <div id="menuBox">
      <div class="menuItem">1</div>
      <div class="menuItem">2</div>
   </div>
</div>

</body>
</html>

重现:

  1. 选择方块以打开容器
  2. 选择菜单项
  3. 关闭打开的窗口。
  4. 再次选择广场
  5. ** BUG遇到 - 因为你可以看到菜单项突出显示就好像它被悬停**

    有人可以告诉我他们是否也使用其他版本的Chrome吗?

    我在Mac OsX上运行版本57.0.2987.133(64位)

0 个答案:

没有答案