我想知道这些拖放小部件如何取消拖动元素和页面中其他元素的文本选择.我尝试了下面的代码,它在IE8中工作(不能选择文本)但在Firefox中不起作用(仍然可以选择文本).
<!DOCTYPE html>
<html>
<body>
<p>Hello World</p>
<script type="text/javascript">
document.onmousemove = function() {
return false;
}
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud) 我需要在我的页面上有一个HTML元素(标签)对于IE来说是不可选的...目前我已经尝试过了
Unselectable=ononselectreturn=false;没有一个能帮助我.
对于Firefox和Chrome我已经设置了以下CSS属性,这些属性工作得非常好......但问题与IE一样.
您设置的CSS属性:
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
Run Code Online (Sandbox Code Playgroud)
有没有替代或IE黑客?
Stack Overflow的答案帮助了我,但不是IE.
我正在制作基于浏览器的JavaScript游戏.因此,在游戏中,用户无需复制/粘贴文本.但是,有许多地方用户需要点击并拖动以在游戏中进行选择.
在游戏中有很多单元格,在内部只是普通的表格单元格,有一个不间断的空间来阻止它们在Firefox中崩溃(我可以用CSS停止在IE,Safari和Opera中的崩溃,但由于某种原因它不起作用火狐所以我使用非破碎空间),具有纯色背景颜色或背景图像.
当玩家在其中拖动选区时,游戏会通过更改背景颜色来突出显示单元格.但是,浏览器还会突出显示非中断空格,并在某些单元格中留下灰色矩形.
此外,浏览器使用不同的方式来确定选择的内容而不是游戏.
例如,在5 x 5平方中,如果用户选择(1,1)到(3,3),则游戏突出显示以下选择:
| | | | | |
| | X | X | X | |
| | X | X | X | |
| | X | X | X | |
| | | | | |
Run Code Online (Sandbox Code Playgroud)
但浏览器突出显示以下非破坏空格:
| | | | | |
| | | X | X | X |
| X | X | X | X | X |
| X | X | X | …Run Code Online (Sandbox Code Playgroud) 在我们的白板应用程序中,如果用户以某种方式拖动鼠标,则Chrome用户可以突出显示整个画布:
有关如何防止这种情况发生的任何想法?您可以在以下网址进行测试:http: //whiteboard.rayku.com(然后单击绿色的"开始会话"按钮).
谢谢!