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


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二维数组的定义说明
Mar 03 Javascript
javascript抽象工厂模式详细说明
Dec 16 Javascript
jQuery命名空间与闭包用法示例
Jan 12 Javascript
Angular2 PrimeNG分页模块学习
Jan 14 Javascript
Bootstrap栅格系统使用方法及页面调整变形的解决方法
Mar 10 Javascript
JavaScript实现开关等效果
Sep 08 Javascript
vue路由组件按需加载的几种方法小结
Jul 12 Javascript
webpack多入口多出口的实现方法
Aug 17 Javascript
解决vue A对象赋值给B对象,修改B属性会影响到A的问题
Sep 25 Javascript
React Native中Mobx的使用方法详解
Dec 04 Javascript
Vue服务端渲染实践之Web应用首屏耗时最优化方案
Mar 22 Javascript
使用JavaScrip模拟实现仿京东搜索框功能
Oct 16 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
phpfans留言版用到的install.php
2007/01/04 PHP
PHP 实现的将图片转换为TXT
2015/10/21 PHP
Yii快速入门经典教程
2015/12/28 PHP
DEDE实现转跳属性文档在模板上调用出转跳地址
2016/11/04 PHP
thinkPHP5 ACL用户权限模块用法详解
2017/05/10 PHP
php 二维数组快速排序算法的实现代码
2017/10/17 PHP
PHP implode()函数用法讲解
2019/03/08 PHP
PHP面向对象程序设计子类扩展父类(子类重新载入父类)操作详解
2019/06/14 PHP
jQuery Ajax之$.get()方法和$.post()方法
2009/10/12 Javascript
JS弹性运动实现方法分析
2016/12/15 Javascript
Vue.js开发环境快速搭建教程
2017/03/17 Javascript
JS实现的点击表头排序功能示例
2017/03/27 Javascript
AngularJS创建一个上传照片的指令实例代码
2018/02/24 Javascript
vue项目设置scrollTop不起作用(总结)
2018/12/21 Javascript
createObjectURL方法实现本地图片预览
2019/09/30 Javascript
[03:40]DOTA2亚洲邀请赛小组赛第二日 赛事回顾
2015/01/31 DOTA
Python写的一个简单DNS服务器实例
2014/06/04 Python
Python lambda和Python def区别分析
2014/11/30 Python
window下eclipse安装python插件教程
2017/04/24 Python
python装饰器简介---这一篇也许就够了(推荐)
2019/04/01 Python
django+tornado实现实时查看远程日志的方法
2019/08/12 Python
python json load json 数据后出现乱序的解决方案
2020/02/27 Python
Python局部变量与全局变量区别原理解析
2020/07/14 Python
Python urllib库如何添加headers过程解析
2020/10/05 Python
经济实惠的豪华背包和行李袋:Packs Project
2018/10/17 全球购物
澳洲本土太阳镜品牌:Quay Australia
2019/07/29 全球购物
什么是测试驱动开发(TDD)
2012/02/15 面试题
工程班组长岗位职责
2013/12/30 职场文书
家长对孩子的评语
2014/04/18 职场文书
社区活动总结报告
2014/05/05 职场文书
希特勒经典演讲稿
2014/05/19 职场文书
标准离婚协议书(2014版)
2014/10/05 职场文书
质检员岗位职责
2015/02/03 职场文书
党员干部廉洁自律承诺书
2015/04/28 职场文书
小学英语教学随笔
2015/08/14 职场文书
python实战之一步一步教你绘制小猪佩奇
2021/04/22 Python