我想展示一个图片库,为此,我只需要导入一个 js 脚本,我必须链接到一个特定的 js-link。这不是问题,它工作正常,但是当我单击链接到 js 的图像时,它会被选中,就像我试图复制它一样,就像我对文本所做的那样。我该如何防止呢?
编辑:刚刚看到它只是选择了 Dreamweaver 中的图像,所以它在我的浏览器中运行良好,但如果有人确实有问题,请随时阅读下面的答案。
我想展示一个图片库,为此,我只需要导入一个 js 脚本,我必须链接到一个特定的 js-link。这不是问题,它工作正常,但是当我单击链接到 js 的图像时,它会被选中,就像我试图复制它一样,就像我对文本所做的那样。我该如何防止呢?
编辑:刚刚看到它只是选择了 Dreamweaver 中的图像,所以它在我的浏览器中运行良好,但如果有人确实有问题,请随时阅读下面的答案。
你可以用 CSS 做到这一点:
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: moz-none;
-ms-user-select: none;
user-select: none;
这可能是您正在寻找的我认为... http://www.htmlforums.com/showpost.php?s=036e4d900055ebc4446548d66536e4f1&p=785058&postcount=2
<style>
img{
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
</style>
您也可以使用“不可选择”属性,但并非所有浏览器都支持它。
<img src="img.jpg" unselectable="on">