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


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 相关文章推荐
JS 拼图游戏 面向对象,注释完整。
Jun 18 Javascript
JS 日期比较大小的简单实例
Jan 13 Javascript
使用JQ来编写最基本的淡入淡出效果附演示动画
Oct 31 Javascript
Javascript中的包装类型介绍
Apr 02 Javascript
node.js cookie-parser 中间件介绍
Jun 06 Javascript
jQuery异步提交表单的两种方式
Sep 13 Javascript
Bootstrap基本布局实现方法详解
Nov 25 Javascript
Angular JS 生成动态二维码的方法
Feb 23 Javascript
TypeScript入门-基本数据类型
Mar 28 Javascript
JS/jquery实现一个网页内同时调用多个倒计时的方法
Apr 27 jQuery
javascript  删除select中的所有option的实例
Sep 17 Javascript
Web安全之XSS攻击与防御小结
Dec 13 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小偷相关截取函数备忘
2010/11/28 PHP
php清空(删除)指定目录下的文件,不删除目录文件夹的实现代码
2014/09/04 PHP
PHP设置头信息及取得返回头信息的方法
2016/01/25 PHP
PHP调用API接口实现天气查询功能的示例
2017/09/21 PHP
PHP基于openssl实现的非对称加密操作示例
2019/01/11 PHP
2020最新版 PhpStudy V8.1版本下载安装使用详解
2020/10/30 PHP
javascript 类型判断代码分析
2010/03/28 Javascript
关于event.cancelBubble和event.stopPropagation()的区别介绍
2011/12/11 Javascript
CSS+jQuery实现的一个放大缩小动画效果
2013/09/24 Javascript
JavaScript Promise启示录
2014/08/12 Javascript
深入理解JavaScript系列(50):Function模式(下篇)
2015/03/04 Javascript
js图片轮播手动切换特效
2017/01/12 Javascript
React Router v4 入坑指南(小结)
2018/04/08 Javascript
vue 里面的 $forceUpdate() 强制实例重新渲染操作
2020/09/21 Javascript
[38:21]2018DOTA2亚洲邀请赛3月30日 小组赛A组 LGD VS Newbee
2018/03/31 DOTA
Python函数返回值实例分析
2015/06/08 Python
简单实现python画圆功能
2018/01/25 Python
Python使用Matplotlib模块时坐标轴标题中文及各种特殊符号显示方法
2018/05/04 Python
Python统计纯文本文件中英文单词出现个数的方法总结【测试可用】
2018/07/25 Python
一百多行python代码实现抢票助手
2018/09/25 Python
Python数据集切分实例
2018/12/08 Python
numpy中的ndarray方法和属性详解
2019/05/27 Python
Python异常模块traceback用法实例分析
2019/10/22 Python
pyhton中__pycache__文件夹的产生与作用详解
2019/11/24 Python
使用python快速实现不同机器间文件夹共享方式
2019/12/22 Python
2020最新pycharm汉化安装(python工程狮亲测有效)
2020/04/26 Python
python库skimage给灰度图像染色的方法示例
2020/04/27 Python
Jupyter notebook命令和编辑模式常用快捷键汇总
2020/11/17 Python
女性时尚网购:Chic Me
2019/07/30 全球购物
微软马来西亚官方网站:Microsoft马来西亚
2019/11/22 全球购物
应届生高等护理求职信
2013/10/12 职场文书
求职信模板怎么做
2014/01/26 职场文书
五年级数学教学反思
2014/02/11 职场文书
标准大学生职业生涯规划书写作指南
2014/09/18 职场文书
后勤工作个人总结
2015/02/28 职场文书
护理专业毕业自我鉴定
2019/08/12 职场文书