如何禁止用户右键直接下载图片及相关的一些默认事件

2019-07-28 20:28:17

需求说明:

有时候,我们网站的图片资源为收费资源,所以在下载之前都是有一定需求的

但是浏览器本身却有一个 “ 右键 另存为 ” 的功能


禁止鼠标右键保存图片

<img src=“logo.png” width=“150” height=“150” οncοntextmenu=“return false;”>


扩展:


禁止鼠标拖动图片

<img src=“logo.png” width=“150” height=“150” οndragstart=“return false;”>


文字禁止鼠标选中

<p onselectstart=“return false;”>文字禁止鼠标选中</p>

<p>普通文字可以选中</p>


禁止复制文本

<p οnselect=“document.selection.empty();”>禁止复制文本</p>

<p>普通文字可以复制</p>


  • 2020-01-17 21:21:42

    nuxtjs打包优化

    然后你再使用 npm run build 打包的时候,会弹出一个界面 当然了,它第一次出来的时候我立马关了,这啥玩意???别着急你慢慢的品,慢慢的看。 原来 这是打包后的JS,面积的大小就是体积的大小。这样我们一目了然的看到了到底那里大了

  • 2020-01-17 23:21:54

    webpack打包优化之外部扩展externals的实际应用

    使用vue-cli创建项目,使用webpack打包。其中,有一个webpack优化webpack.optimize.CommonsChunkPlugin,它会将node_modules中的必需模块提取到vendor文件中,项目开发中,增加第三方模块,比如element-ui、vue-echarts等,vendor的包都会增大。这个时候,就需要考虑减轻vendor包的大小,增加构建速度。我们可以使用webpack的外部扩展(externals)功能。

  • 2020-01-18 01:26:59

    anyProxy使用注意事项

    anyproxy-ca 运行这个命令,如果是mac电脑他会提醒你去通过证书。

  • 2020-01-18 08:54:06

    利用localStorage来处理你的Javascript脚本错误

    localStorage作为HTML5中的新特性,它的出现可以说对于前端性能体验来讲可以获得相当大的改善。存储一些用户经常用到而又不是涉及隐私和安全的东西,的确是一个非常好的选择。下面分享一下用localStorage来处理客户端代码错误的例子来了解一下它的用途吧。

  • 2020-01-20 08:29:14

    js如何生成唯一标识符UUID

    在JavaScript中生成uuid的代码如下,这个函数会直接给你返回uuid,所以直接调用,然后用变量接收即可!