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


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 相关文章推荐
ECMAScript 基础知识
Jun 29 Javascript
js操作iframe的一些方法介绍
Jun 25 Javascript
在myeclipse中如何加入jquery代码提示功能
Jun 03 Javascript
JS中attr和prop属性的区别以及优先选择示例介绍
Jun 30 Javascript
JavaScript验证18位身份证号码最后一位正确性的实现代码
Aug 07 Javascript
node.js中的fs.link方法使用说明
Dec 15 Javascript
jQuery中:image选择器用法实例
Jan 03 Javascript
JQuery中attr属性和jQuery.data()学习笔记【必看】
May 18 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
Sep 01 Javascript
jQuery实现的自定义弹出层效果实例详解
Sep 04 Javascript
老生常谈JQuery data方法的使用
Sep 09 Javascript
小程序组件传值和引入sass的方法(使用vant Weapp组件库)
Nov 24 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
Apache无法自动跳转却显示目录的解决方法
2020/11/30 PHP
PHP 7.1中AES加解密方法mcrypt_module_open()的替换方案
2017/10/17 PHP
struts2+jquery+json实现异步加载数据(自写)
2013/06/24 Javascript
iframe调用父页面函数示例详解
2014/07/17 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
2014/09/22 Javascript
浅谈时钟的生成(js手写简洁代码)
2016/08/20 Javascript
bootstrap实现图片自动轮播
2016/12/21 Javascript
原生js实现返回顶部缓冲效果
2017/01/18 Javascript
WebSocket实现简单客服聊天系统
2017/05/12 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
2017/08/25 Javascript
javascript  删除select中的所有option的实例
2017/09/17 Javascript
微信小程序之滚动视图容器的实现方法
2017/09/26 Javascript
bootstrap轮播模板使用方法详解
2017/11/17 Javascript
JavaScript 跨域之POST实现方法
2018/05/07 Javascript
在element-ui的el-tree组件中用render函数生成el-button的实例代码
2018/11/05 Javascript
JS实现随机生成10个手机号的方法示例
2018/12/07 Javascript
layui--js控制switch的切换方法
2019/09/03 Javascript
详解JavaScript 异步编程
2020/07/13 Javascript
Vue2.0 $set()的正确使用详解
2020/07/28 Javascript
[02:57]2014DOTA2国际邀请赛 选手辛苦解说更辛苦
2014/07/10 DOTA
django轻松使用富文本编辑器CKEditor的方法
2017/03/30 Python
Python面向对象程序设计OOP入门教程【类,实例,继承,重载等】
2019/01/05 Python
Python Pillow Image Invert
2019/01/22 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
Python 实现网课实时监控自动签到、打卡功能
2020/03/12 Python
python中numpy.empty()函数实例讲解
2021/02/05 Python
巴黎卡诗加拿大官网:Kérastase加拿大
2018/11/12 全球购物
英国川宁茶官方网站:Twinings茶
2019/05/21 全球购物
C/C++程序员常见面试题二
2015/11/19 面试题
教师的实习自我鉴定
2013/12/17 职场文书
初一体育教学反思
2014/01/29 职场文书
公司大门门卫岗位职责
2014/06/11 职场文书
安全口号大全
2014/06/21 职场文书
2014年教务工作总结
2014/12/03 职场文书
2015年评职称工作总结范文
2015/04/20 职场文书
2019入党申请书格式和范文
2019/06/25 职场文书