Question

在此代码段中，我制作了4x4网格

尽管此网格有一些奇怪的行为：当您在某个图块上“鼠标下移”然后移动鼠标时，该网格的行为就像是可拖动的图像（但并非所有图块都随着拖动半透明的反馈而“移动” ...）。

如何防止这种行为？

.line{
white-space:nowrap;
}
.tile{
width:25px;
height:25px;
border:1px solid black;
display:inline-block;
vertical-align: bottom;
}
*{
margin:0;
padding:0;
}

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <div class="line"><div class="tile"></div><div class="tile"></div><div class="tile"></div><div class="tile"></div></div>
    <div class="line"><div class="tile"></div><div class="tile"></div><div class="tile"></div><div class="tile"></div></div>
    <div class="line"><div class="tile"></div><div class="tile"></div><div class="tile"></div><div class="tile"></div></div>
    <div class="line"><div class="tile"></div><div class="tile"></div><div class="tile"></div><div class="tile"></div></div>
  </body>
</html>

Answer 1

找出似乎是使元素可拖动的选择（很奇怪，因为即使没有选择任何东西（突出显示），它也会发生）

一种可行的解决方案是防止像这样选择元素：

jScrollPane1.setViewportView(fxPanel);

具有不必要的可拖动行为的元素

1 个答案: