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


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中replaceAll()方法用法实例
Jan 16 Javascript
JavaScript中split() 使用方法汇总
Apr 17 Javascript
JavaScript采用递归算法计算阶乘实例
Aug 04 Javascript
微信小程序 navigation API实例详解
Oct 02 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
Oct 28 Javascript
重新理解JavaScript的六种继承方式
Mar 24 Javascript
初学者AngularJS的环境搭建过程
Oct 27 Javascript
详解Node.js模板引擎Jade入门
Jan 19 Javascript
vue form 表单提交后刷新页面的方法
Sep 04 Javascript
react koa rematch 如何打造一套服务端渲染架子
Jun 26 Javascript
Vue中jsx不完全应用指南小结
Nov 01 Javascript
原生js实现照片墙效果
Oct 13 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
漫威DC即将合作联动,而双方早已经秘密开始
2020/04/09 欧美动漫
PHP 内存缓存加速功能memcached安装与用法
2009/09/03 PHP
PHP读取网页文件内容的实现代码(fopen,curl等)
2011/06/23 PHP
PHP设计模式之装饰者模式代码实例
2015/05/11 PHP
php 截取中英文混合字符串的方法
2018/05/31 PHP
[原创]网络复制内容时常用的正则+editplus
2006/11/30 Javascript
jQeury淡入淡出需要注意的问题
2010/09/08 Javascript
offsetHeight在OnLoad中获取为0的现象
2013/07/22 Javascript
JavaScript判断文件上传类型的方法
2014/09/02 Javascript
js实现的牛顿摆效果
2015/03/31 Javascript
jquery SweetAlert插件实现响应式提示框
2015/08/18 Javascript
jquery实现清新实用的网页菜单效果
2015/08/28 Javascript
js 奇葩技巧之隐藏代码
2017/08/11 Javascript
vue 2.x 中axios 封装的get 和post方法
2018/02/28 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
2019/05/12 Javascript
微信小程序wepy框架学习和使用心得详解
2019/05/24 Javascript
解决layui的table插件无法多层级获取json数据的问题
2019/09/19 Javascript
[04:53]DOTA2英雄基础教程 祈求者
2014/01/03 DOTA
[01:00:25]NB vs Secret 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
Python操作列表之List.insert()方法的使用
2015/05/20 Python
Python3计算三角形的面积代码
2017/12/18 Python
Python 爬虫之Beautiful Soup模块使用指南
2018/07/05 Python
Python读取xlsx文件的实现方法
2019/07/04 Python
python爬虫添加请求头代码实例
2019/12/28 Python
Python3标准库glob文件名模式匹配的问题
2020/03/13 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
Tostadora意大利:定制T恤
2019/04/08 全球购物
三星印度官网:Samsung印度
2019/08/03 全球购物
施惠特软件测试面试题以及笔试题
2015/05/13 面试题
学校采购员岗位职责
2014/01/02 职场文书
2014年计算机专业个人自我评价
2014/01/19 职场文书
2015年试用期工作总结
2014/12/12 职场文书
2015年党员个人剖析材料
2014/12/18 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
新手,如何业余时间安排好写作、提高写作能力?
2019/10/21 职场文书
在项目中使用redis做缓存的一些思路
2021/09/14 Redis