使图像无法选择

Question

我正在使用Dreamweaver CS5创建一个网站。我从photoshop导出图像并将它们插入表格中。当我查看网站时，所有图像都是可选择的（您可以将它们拖到桌面上）。我该怎么改变???我想用onclick方法做到这一点，另外我怎么做到这一点？

<td><img src="images/people_03.png" name="one" width="1000" height="156" id="one" ONCLICK="closeimages();"/></td>

Answer 1

我在遇到同样的问题时偶然发现了这个问题但是接受的答案对我来说不是一个可能的解决方案。

我使用了here找到的信息，特别是在我的身体中添加了以下样式，在css中（这对我在Firefox，Chrome和Opera中有用，我无法测试IE）

-moz-user-select: none;
-webkit-user-select: none;
user-select: none;

不可选择的html标签似乎也有帮助，但它显然只受IE和Opera的支持：

<img src="1.jpg" unselectable="on">

以及javascript解决方案，据说可以在IE和webkit浏览器上运行：

<script>
window.onload = function() {
    document.body.onselectstart = function() {
        return false;
    }
}
</script>

注意即可。正如评论中指出的Albert Renshaw，此方法不再适用于Chrome＆gt; 50。

Answer 2

我会在我的CSS中使用pointer-events: none;

img {
  pointer-events: none;
}

Answer 3

我认为最简单的方法是将图像作为每个单元格的css背景图像

Answer 4

这有效：

pointer-events: none;
user-select: none;