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


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 相关文章推荐
Jquery Autocomplete 结合asp.net使用要点
Oct 29 Javascript
在jQuery ajax中按钮button和submit的区别分析
Oct 07 Javascript
JavaScript对象创建及继承原理实例解剖
Feb 28 Javascript
js 实现 input type=&quot;file&quot; 文件上传示例代码
Aug 07 Javascript
js检测iframe是否加载完成的方法
Nov 26 Javascript
微信小程序 loading(加载中提示框)实例
Oct 28 Javascript
AngularJS表单和输入验证实例
Nov 02 Javascript
jQuery基于ajax操作json数据简单示例
Jan 05 Javascript
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
Mar 04 Javascript
深入理解JS异步编程-Promise
Jun 03 Javascript
利用JavaScript的Map提升性能的方法详解
Aug 14 Javascript
Html5生成验证码的示例代码
May 10 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
解析posix与perl标准的正则表达式区别
2013/06/17 PHP
PHP生成RSS文件类实例
2014/12/05 PHP
19个很有用的 JavaScript库推荐
2011/06/27 Javascript
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
2012/02/02 Javascript
javascript表单验证 - Parsley.js使用和配置
2013/01/25 Javascript
jquery实现excel导出的方法
2013/04/04 Javascript
Javascript中call与apply的学习笔记
2014/09/22 Javascript
jQuery获取iframe的document对象的方法
2014/10/10 Javascript
jQuery实现页面内锚点平滑跳转特效的方法总结
2015/05/11 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
2015/05/14 Javascript
js实现点击切换TAB标签实例
2015/08/21 Javascript
JavaScript的设计模式经典之建造者模式
2016/02/24 Javascript
Angular之指令Directive用法详解
2017/03/01 Javascript
Vue中fragment.js使用方法详解
2017/03/09 Javascript
微信小程序五星评分效果实现代码
2017/04/06 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
2017/06/15 Javascript
浅谈Node Inspector 代理实现
2017/10/19 Javascript
Vue-router路由判断页面未登录跳转到登录页面的实例
2017/10/26 Javascript
详解解决小程序中webview页面多层history返回问题
2019/08/20 Javascript
解决python3 urllib 链接中有中文的问题
2018/07/16 Python
Python cv2 图像自适应灰度直方图均衡化处理方法
2018/12/07 Python
Python字典遍历操作实例小结
2019/03/05 Python
面向对象学习之pygame坦克大战
2019/09/11 Python
在Django下创建项目以及设置settings.py教程
2019/12/03 Python
python等差数列求和公式前 100 项的和实例
2020/02/25 Python
详解Python多线程下的list
2020/07/03 Python
DC Shoes荷兰官方网站:美国极限运动品牌
2019/10/22 全球购物
荷兰家电销售网站:Welhof
2020/12/08 全球购物
描述RIP和OSPF区别以及特点
2015/01/17 面试题
《望庐山瀑布》教学反思
2014/04/22 职场文书
贷款承诺书范文
2014/05/19 职场文书
烹饪大赛策划方案
2014/05/26 职场文书
员工试用期工作总结
2019/06/20 职场文书
爱国之歌(8首)
2019/09/29 职场文书
详解Redis瘦身指南
2021/05/26 Redis
mysql中整数数据类型tinyint详解
2021/12/06 MySQL