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


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基础篇
Nov 13 Javascript
JavaScript CSS修改学习第六章 拖拽
Feb 19 Javascript
javascript变量作用域使用中常见错误总结
Mar 26 Javascript
网页中返回顶部代码(多种方法)另附注释说明
Apr 24 Javascript
基于Jquery实现万圣节快乐特效
Nov 01 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
Nov 30 Javascript
javascript基于prototype实现类似OOP继承的方法
Dec 16 Javascript
node+express制作爬虫教程
Nov 11 Javascript
JS作用域深度解析
Dec 29 Javascript
JavaScript文件的同步和异步加载的实现代码
Aug 19 Javascript
高性能的javascript之加载顺序与执行原理篇
Jan 14 Javascript
JS设计模式之访问者模式定义与用法分析
Feb 05 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中将一段数据存到一个txt文件中并显示其内容
2014/08/15 PHP
Yii2使用$this-&gt;context获取当前的Module、Controller(控制器)、Action等
2017/03/29 PHP
搭建自己的PHP MVC框架详解
2017/08/16 PHP
PHP快速排序算法实现的原理及代码详解
2019/04/03 PHP
解决php用mysql方式连接数据库出现Deprecated报错问题
2019/12/25 PHP
jQuery autocomplate 自扩展插件、自动完成示例代码
2011/03/28 Javascript
JavaScript ECMA-262-3 深入解析.第三章.this
2011/09/28 Javascript
jQuery窗口、文档、网页各种高度的精确理解
2014/07/02 Javascript
原生js实现日期联动
2015/01/12 Javascript
原生javascript实现解析XML文档与字符串
2016/03/01 Javascript
javascript数组去重小结
2016/03/07 Javascript
用JS生成UUID的方法实例
2016/03/30 Javascript
jQuery操作json常用方法示例
2017/01/04 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
2017/08/28 jQuery
vue 中swiper的使用教程
2018/05/22 Javascript
让webpack+vue-cil项目不再自动打开浏览器的方法
2018/09/27 Javascript
nodejs中方法和模块用法示例
2018/12/24 NodeJs
react用Redux中央仓库实现一个todolist
2019/09/29 Javascript
vue实现图片上传到后台
2020/06/29 Javascript
[02:48]DOTA2超级联赛专访海涛:你们的选择没有错
2013/06/07 DOTA
python模拟登陆阿里妈妈生成商品推广链接
2014/04/03 Python
python抓取网页时字符集转换问题处理方案分享
2014/06/19 Python
Python tkinter实现简单加法计算器代码实例
2020/05/13 Python
什么是python的自省
2020/06/21 Python
call在Python中改进数列的实例讲解
2020/12/09 Python
德国健康生活方式网上商店:Landkaufhaus Mayer
2019/03/12 全球购物
C++:memset ,memcpy和strcpy的根本区别
2013/04/27 面试题
介绍一下Java的事务处理
2012/12/07 面试题
历史学专业个人的自我评价
2013/10/13 职场文书
回门宴答谢词
2014/01/13 职场文书
咖啡店自主创业商业计划书
2014/01/22 职场文书
初中班级口号
2014/06/09 职场文书
2014派出所所长群众路线对照检查材料思想汇报
2014/09/18 职场文书
关爱留守儿童主题班会
2015/08/13 职场文书
导游词之山西-五老峰
2019/10/07 职场文书
mysql中DCL常用的用户和权限控制
2022/03/31 MySQL