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

答案:3 悬赏:0 手机版

解决时间 2021-01-28 08:15

提问者网友：酱爆肉
2021-01-27 13:17

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

最佳答案

五星知识达人网友：迷人又混蛋
2021-01-27 14:15

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

全部回答

1楼网友：怀裏藏嬌
2021-01-27 16:10

<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>

2楼网友：逐風
2021-01-27 15:22

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

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息