欢迎光临
我们一直在努力

网站怎么禁止鼠标滑动图片保存代码

禁止鼠标右键保存图片、禁止拖动图片的代码。

1、禁止鼠标右键保存图片

<img src="logo.png" width="150" height="150" oncontextmenu="return false;">

 

2、禁止鼠标拖动图片

<img src="logo.png" width="150" height="150" ondragstart="return false;">

 

3、文字禁止鼠标选中

<p onselectstart="return false;">文字禁止鼠标选中</p><p>普通文字可以选中</p>

 

4、禁止复制文本

<p onselect="document.selection.empty();">禁止复制文本</p>

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

 

以上效果用jQuery实现代码:

<script>var imgs=$("img");imgs.on("contextmenu",function(){return false;});imgs.on("dragstart",function(){return false;});</script>

 

赞(0) 打赏
未经允许不得转载:新起点博客 » 网站怎么禁止鼠标滑动图片保存代码
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏