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

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

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

<p>这里有的是</p>  <p><a href="http://wenwen.soso.com/z/urlalertpage.e?sp=shttp%3a%2f%2fwww.51js.com%2fhtml%2fbbs.html" target="_blank">http://www.51js.com/html/bbs.html</a></p>

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