Rumah > hujung hadapan web > html tutorial > html如何禁止右键

html如何禁止右键

醉折花枝作酒筹
Lepaskan: 2023-01-05 16:07:44
asal
10831 orang telah melayarinya

html禁止右键方法:1、使用oncontextmenu事件,禁用鼠标右键的菜单;2、使用onselectstart事件,禁止利用右键在网页上选取内容;3、使用oncopy事件,禁止利用右键进行复制。

html如何禁止右键

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

oncontextmenu事件禁用右键菜单

document.oncontextmenu = function(){
    event.returnValue = false;
}// 或者直接返回整个事件
document.oncontextmenu = function(){
    return false;
}
Salin selepas log masuk

onselectstart事件禁用网页上选取的内容

document.onselectstart = function(){
    event.returnValue = false;
}// 或者直接返回整个事件
document.onselectstart = function(){
    return false;
}
Salin selepas log masuk

oncopy事件禁用复制

document.oncopy = function(){
    event.returnValue = false;
}// 或者直接返回整个事件
document.oncopy = function(){
    return false;
}
Salin selepas log masuk

以上三种事件,如果只想单纯的禁用鼠标右键,和复制粘贴,还可以将它们直接写到HTML中的body上面;

<body oncontextmenu = "return false" ></body>
<body onselectstart = "return false" ></body>
<body oncopy = "return false" ></body>
Salin selepas log masuk

推荐学习:html视频教程

Atas ialah kandungan terperinci html如何禁止右键. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan