网页禁用右键菜单和鼠标拖动选择方法小结


Posted in Javascript onFebruary 25, 2015

一、禁止鼠标右键菜单:

有如下两种方法来禁止鼠标右键

1、在HTML元素的Body标签中加入Javascript事件句柄,代码如下:

<body onContextMenu="return false">

说明:您也可以在网页指定的位置禁止右键,比如您只想在网页中的某个图片上禁右键防下载,或您只想在网页中的一段文字或表格上禁右键,您也只需将如上红色代码加入到相应的HTML标签元素中,例:

<img src="logo.gif" width=88 height=31 onContextMenu="return false">

<!--加在图片上-->

<table onContextMenu="return false">

<!--加在表格中-->

<font onContextMenu="return false">文字内容</font>

<!--加在文字上-->

2、编写一个Javascript函数,然后调用事件处理,代码如下:

<script language=javascript>

<!--

document.oncontextmenu=mylock1;

function mylock1(){

event.returnValue=false;

}

//-->

</script>

说明:请注意代码大小写!将如上代码拷贝到网页HTML源代码的<head>与</head>之间即可。

如果要对网页元素指定的标签进行右键屏蔽,只需把document改成相应的网页对象标签名即可。

二、禁止拖动选择网页元素:

与上例一样也有如下两种方法来禁止鼠标右键

1、在HTML元素的Body标签中加入Javascript事件句柄,代码如下:

<body onSelectStart="return false">

说明:与上面的禁右键用法类似

2、编写一个Javascript函数,然后调用事件处理,代码如下:

<script language=javascript>

<!--

document.onselectstart=mylock1;

function mylock1(){

event.returnValue=false;

}

//-->

</script>

说明:请注意语句的大小写!将如上代码拷贝到网页HTML源代码的<head>与</head>之间即可。

如果要对网页元素指定的标签进行右键屏蔽,只需把document改成相应的网页对象标签名即可。

综上所述,如果我们既要禁止网页右键菜单,又要禁鼠标拖动,即可以用如下两种方法:

方法一:

<body onContextMenu="return false;" onSelectStart="return false">

方法二:

<script language=javascript>

<!--

document.onselectstart=mylock1;

document.oncontextmenu=mylock1;

function mylock1(){

event.returnValue=false;

}

//-->

</script>

以上这些都是本人常用的方法的总结,不是很全面,小伙伴们有其他方法还请给我留言,本文持续更新。

Javascript 相关文章推荐
JavaScript 保存数组到Cookie的代码
Apr 14 Javascript
基于jquery的使ListNav兼容中文首字拼音排序的实现代码
Jul 10 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
Jan 15 Javascript
你必须知道的Javascript知识点之&quot;字面量和对应类型&quot;说明介绍
Apr 23 Javascript
简单的Jquery遮罩层代码实例
Nov 14 Javascript
Jquery 在页面加载后执行的几种方式
Mar 14 Javascript
jQuery中addClass()方法用法实例
Jan 05 Javascript
JavaScript中双向数据绑定详解
May 03 Javascript
基于vue.js快速搭建图书管理平台
Oct 29 Javascript
tsconfig.json配置详解
May 17 Javascript
JS多个异步请求 按顺序执行next实现解析
Sep 16 Javascript
leaflet加载geojson叠加显示功能代码
Feb 21 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
Feb 24 #Javascript
JS+CSS实现仿新浪微博搜索框的方法
Feb 24 #Javascript
JS实现让访问者自助选择网页文字颜色的方法
Feb 24 #Javascript
JS给超链接加确认对话框的方法
Feb 24 #Javascript
javascript实现图片循环渐显播放的方法
Feb 24 #Javascript
javascript感应鼠标图片透明度显示的方法
Feb 24 #Javascript
javascript文本框内输入文字倒计数的方法
Feb 24 #Javascript
You might like
php var_export与var_dump 输出的不同
2013/08/09 PHP
php实现用手机关闭计算机(电脑)的方法
2015/04/22 PHP
PHP实现的迷你漂流瓶
2015/07/29 PHP
二叉树的非递归后序遍历算法实例详解
2014/02/07 Javascript
JS延时提示框实现方法详解
2015/11/26 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
2016/02/21 Javascript
数据结构中的各种排序方法小结(JS实现)
2016/07/23 Javascript
浅谈JQ中mouseover和mouseenter的区别
2016/09/13 Javascript
Js自定义多选框效果的实例代码
2017/07/05 Javascript
编写React组件项目实践分析
2018/03/04 Javascript
Webpack的dll功能使用
2018/06/28 Javascript
解决layer弹出层中表单不起作用的问题
2019/09/09 Javascript
Node.js 实现抢票小工具 &amp; 短信通知提醒功能
2019/10/22 Javascript
JavaScript或jQuery 获取option value值方法解析
2020/05/12 jQuery
vue-router 按需加载 component: () =&gt; import() 报错的解决
2020/09/22 Javascript
[06:21]2014DOTA2国际邀请赛 庆祝VG首阶段领跑;B叔为挣牛排半夜整理情报
2014/07/13 DOTA
[04:44]DOTA2 2017全国高校联赛视频回顾
2017/08/21 DOTA
Python的类实例属性访问规则探讨
2015/01/30 Python
Python中的ceil()方法使用教程
2015/05/14 Python
python编程开发之类型转换convert实例分析
2015/11/13 Python
python中pip的安装与使用教程
2018/08/10 Python
python批量从es取数据的方法(文档数超过10000)
2018/12/27 Python
更新修改后的Python模块方法
2019/03/03 Python
tensorflow实现tensor中满足某一条件的数值取出组成新的tensor
2020/01/04 Python
tensorflow实现从.ckpt文件中读取任意变量
2020/05/26 Python
python 如何利用argparse解析命令行参数
2020/09/11 Python
如何用python开发Zeroc Ice应用
2021/01/29 Python
基于CSS3的animation属性实现微信拍一拍动画效果
2020/06/22 HTML / CSS
html5实现移动端适配完美写法
2017/11/16 HTML / CSS
C语言面试题
2015/10/30 面试题
实习单位接收函
2014/01/11 职场文书
办公室主任岗位承诺书
2014/05/29 职场文书
低碳环保演讲稿
2014/08/28 职场文书
2015年全国爱耳日活动总结
2015/02/27 职场文书
Mysql中的触发器定义及语法介绍
2022/06/25 MySQL
Java 中的 Lambda List 转 Map 的多种方法详解
2022/07/07 Java/Android