html页面禁止右键、禁止复制、禁止图片拖动、禁止复制和剪切&禁止IOS长按复制粘贴实现

最新推荐文章于 2024-09-03 10:19:01 发布

ftToday

最新推荐文章于 2024-09-03 10:19:01 发布

阅读量4.2k

点赞数 2

分类专栏：前端文章标签：禁止复制粘贴 ios长按禁止长按

本文链接：https://blog.csdn.net/longlc123/article/details/80448896

版权

前端专栏收录该内容

125 篇文章 3 订阅

订阅专栏

html实现页面禁止右键禁止复制禁止图片拖动禁止复制和剪切
众所周知，一般的屏蔽的方法是用JS来编写的脚本，但是也可以直接通过修改网页属性的方法来屏蔽右键禁止复制。

 禁止右键
 oncontextmenu="return false"
 禁止复制和剪切：
oncopy="return false;"
oncut="return false;"
 禁止复制
 onselectstart="return false"
禁止图片拖动
 ondragstart="return false"
实例：<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">

　　
通过这种方法可以同时禁止右键点击，鼠标复制，以及图片的拖动

html5+CSS 禁止IOS长按复制粘贴实现
因为在移动端APP需要实现长按执行别的事件，但是在IOS系统有默认的长按选择复制粘贴，禁止此功能在网上找了很多资料，最终整理出目前最好的解决方法。项目是APP，已经经过多款手机适配此时，因此可以放心使用。

    *{
        -webkit-touch-callout:none;  /*系统默认菜单被禁用*/
        -webkit-user-select:none; /*webkit浏览器*/
        -khtml-user-select:none; /*早期浏览器*/
        -moz-user-select:none;/*火狐*/
        -ms-user-select:none; /*IE10*/
        user-select:none;
    }
    input,textarea {
        -webkit-user-select:auto; /*webkit浏览器*/
        margin: 0px;
        padding: 0px;
        outline: none;
    }