【web前端】20.手机端网页禁止长按图片保存图片

最近做项目遇到一个问题,就是img图片长按会从底部弹出来保存图片的弹框,因为页面上不需要这个功能,所以产品要求去掉,解决这个问题,有两种方法:

1. 利用css img属性

img {pointer-event:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}

2. 设置背景图片

用div层的background-image设置背景图片,而不用img标签。这样浏览器就不会调用保存保存图片的功能了。


版权声明:本文为benben513624原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。