页面禁止选中需求

zhanggui____

于 2024-04-25 09:18:24 发布

阅读量214

点赞数 6

分类专栏：日常需求文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/zhanggui____/article/details/138175755

版权

日常需求专栏收录该内容

1 篇文章 0 订阅

订阅专栏

禁止整个body中的内容被选中复制：

<body onselectstart="return false">
    <p>禁止整个body中的内容被选中复制</p>
</body>

禁止页面中某一块或某一篇文章被选中复制：

<body>
    <div onselectstart="return false">
        这段内容不可选，禁止文字被选中
        <p>禁止页面中某一块或某一篇文章被选中复制</p>
    </div>
</body>

再狠点,直接在body标签中写入如下代码,实现HTML中禁止文字的复制和选中.

<body oncontextmenu='return false' ondragstart='return false' onselectstart='return false'
    onselect='document.selection.empty()' oncopy='document.selection.empty()' onbeforecopy='return false'
    onmouseup='document.selection.empty()'>
    <div>
        HTML中禁止文字的复制和选中
        <p>HTML中禁止文字的复制和选中</p>
    </div>
</body>

<body>中的各个事件
οncοntextmenu='return false'取消鼠标右键
οndragstart='return false'禁止鼠标在网页上拖动
onselectstart='return false' 禁止选中网页上的内容
οnselect='document.selection.empty()'
onselect事件会在文本框中的文本被选中时发生
οnselect=“SomeJavaScriptCode”必需规定该事件发生时执行的 JavaScript
document.selection.empty()表示文本框被选中时为空
οncοpy='return false'防复制用户在网页上选中的内容
onbeforecopy='return false'onbeforecopy():默认动作的事件源对象上被取消
οnmοuseup='document.selection.empty()'
onmouseup事件会在鼠标按键被松开时发生
οnmοuseup=“SomeJavaScriptCode”同onselect一样，必需规定该事件发生时执行的 JavaScript
document.selection.empty()表示文本框被选中时为空

zhanggui____

关注

6
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
页面禁止选中需求

οnmοuseup=“SomeJavaScriptCode”同onselect一样，必需规定该事件发生时执行的 JavaScript。onbeforecopy='return false'onbeforecopy():默认动作的事件源对象上被取消。onselectstart='return false' 禁止选中网页上的内容。ondragstart='return false'禁止鼠标在网页上拖动。oncopy='return false'防复制用户在网页上选中的内容。
复制链接

扫一扫

专栏目录