Question

如何使JS弹出层后面的内容不被选中？

在一个网页里使用JS弹出层，这个弹出层是可以用鼠标拖动的，但是在拖动时发现弹出层后面原本的网页内容被选中了，请问如何使弹出层在拖动时后面的文字不被选中？

Answer 1

这是因为你得弹出曾没有覆盖页面全部地方，把弹出层的位置设置为fixed，然后宽度和高度都设置为100%，至于iframe可以放置在中间合适的地方。

当鼠标点击发生的内层对象即没有处理也没有取消这个事件的时候，事件会向上冒泡知道有人处理为止。所以这可能就是点在空白部分后点到下面去了原因。解决办法有很多，你可以尝试在你的层里面捕获这个事件并取消冒泡，看看event.cancelBubble或者event.stopPropagation哪个可以生效，另外也可以尝试让弹出层所有地方都变得有内容，比如使用div填充到空白的地方覆盖整个屏幕。

追问

我的情况不是透过弹出层点到后面的内容，我的情况是弹出层可以拖动的，一拖动后就相当于拖动选择，将页面上其他元素选中了

Answer 2

用一个元素，遮住后面的内容。

Answer 3

document.onselectstart = new Function("return false");