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


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 相关文章推荐
Extjs列表详细信息窗口新建后自动加载解决方法
Apr 02 Javascript
JS中Date日期函数中的参数使用介绍
Jan 02 Javascript
js实现Select列表内容自动滚动效果代码
Aug 20 Javascript
JS实现队列与堆栈的方法
Apr 21 Javascript
一个用jquery写的判断div滚动条到底部的方法【推荐】
Apr 29 Javascript
浅析jQuery Ajax通用js封装
Jun 22 Javascript
jquery属性,遍历,HTML操作方法详解
Sep 17 Javascript
微信小程序 devtool隐藏的秘密
Jan 21 Javascript
JavaScript笛卡尔积超简单实现算法示例
Jul 30 Javascript
基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
Aug 24 Javascript
关于layui的下拉搜索框异步加载数据的解决方法
Sep 28 Javascript
es6数组的flat(),flatMap()函数用法实例分析
Apr 18 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中$_SERVER[PHP_SELF] 和 $_SERVER[SCRIPT_NAME]之间的区别
2009/09/05 PHP
php array_walk() 数组函数
2011/07/12 PHP
PHP缓存集成库phpFastCache用法
2014/12/15 PHP
Laravel 5框架学习之Laravel入门和新建项目
2015/04/07 PHP
php+ajax制作无刷新留言板
2015/10/27 PHP
yii2实现根据时间搜索的方法
2016/05/25 PHP
laravel 中如何使用ajax和vue总结
2017/08/16 PHP
Javascript模板技术
2007/04/27 Javascript
javascript新建标签,判断键盘输入,以及判断焦点(示例代码)
2013/11/25 Javascript
AngularJS 视图详解及示例代码
2016/08/17 Javascript
移动端js触摸事件详解
2016/09/18 Javascript
node.js发送邮件email的方法详解
2017/01/06 Javascript
TypeScript入门-基本数据类型
2017/03/28 Javascript
NodeJS实现微信公众号关注后自动回复功能
2017/05/31 NodeJs
关于在mongoose中填充外键的方法详解
2017/08/14 Javascript
python根据出生年份简单计算生肖的方法
2015/03/27 Python
wxPython的安装图文教程(Windows)
2017/12/28 Python
Python实现动态添加属性和方法操作示例
2018/07/25 Python
pygame游戏之旅 添加icon和bgm音效的方法
2018/11/21 Python
Django之提交表单与前后端交互的方法
2019/07/19 Python
python如何求数组连续最大和的示例代码
2020/02/04 Python
Python如何在main中调用函数内的函数方式
2020/06/01 Python
Python3如何使用tabulate打印数据
2020/09/25 Python
python 如何使用find和find_all爬虫、找文本的实现
2020/10/16 Python
HTML5中Canvas与SVG的画图原理比较
2013/01/16 HTML / CSS
friso美素佳儿官方海外旗舰店:荷兰原产原罐
2017/07/03 全球购物
芝加哥牛排公司:Chicago Steak Company
2018/10/31 全球购物
美国购买体育赛事门票网站:TicketCity
2019/03/06 全球购物
大学同学聚会邀请函
2014/01/29 职场文书
公司股权转让协议书
2014/04/12 职场文书
我们的节日元宵活动方案
2014/08/23 职场文书
公安局副政委班子个人对照检查材料
2014/10/04 职场文书
元旦晚会主持词开场白
2015/05/28 职场文书
校园安全学习心得体会
2016/01/18 职场文书
创业计划书之闲置物品置换中心
2019/12/25 职场文书
MyBatis自定义SQL拦截器示例详解
2021/10/24 Java/Android