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


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 相关文章推荐
利用onresize使得div可以随着屏幕大小而自适应的代码
Jan 15 Javascript
Knockoutjs快速入门(经典)
Dec 24 Javascript
jQuery中removeAttr()方法用法实例
Jan 05 Javascript
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
Apr 15 Javascript
jQuery实现文件上传进度条特效
Aug 12 Javascript
使用angularjs创建简单表格
Jan 21 Javascript
微信小程序 扎金花简单实例
Feb 21 Javascript
Bootstrap如何激活导航状态
Mar 22 Javascript
javascript流程控制语句集合
Sep 18 Javascript
React.Js添加与删除onScroll事件的方法详解
Nov 03 Javascript
webstrom Debug 调试vue项目的方法步骤
Jul 17 Javascript
layui实现三级联动效果
Jul 26 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 欧美动漫
打造计数器DIY三步曲(下)
2006/10/09 PHP
UTF8编码内的繁简转换的PHP类
2009/07/09 PHP
请离开include_once和require_once
2013/07/18 PHP
使用PHP和HTML5 FormData实现无刷新文件上传教程
2014/09/06 PHP
制作安全性高的PHP网站的几个实用要点
2014/12/30 PHP
laravel实现分页样式替换示例代码(增加首、尾页)
2017/09/22 PHP
php pdo连接数据库操作示例
2019/11/18 PHP
JavaScript Array扩展实现代码
2009/10/14 Javascript
jQuery EasyUI API 中文文档 - PropertyGrid属性表格
2011/11/18 Javascript
javascript中为某个元素指定事件的三种方式
2014/08/07 Javascript
javascript随机显示背景图片的方法
2015/06/18 Javascript
javascript作用域问题实例分析
2015/07/13 Javascript
详解基于javascript实现的苹果系统底部菜单
2016/12/02 Javascript
weex slider实现滑动底部导航功能
2017/08/28 Javascript
Nodejs异步回调之异常处理实例分析
2018/06/22 NodeJs
Vuex 在Vue 组件中获得Vuex 状态state的方法
2018/08/27 Javascript
详解vue中v-bind:style效果的自定义指令
2020/01/21 Javascript
JS猜数字游戏实例讲解
2020/06/30 Javascript
antd日期选择器禁止选择当天之前的时间操作
2020/10/29 Javascript
[01:08:44]NB vs VP 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
在centos7中分布式部署pyspider
2017/05/03 Python
python bmp转换为jpg 并删除原图的方法
2018/10/25 Python
Python实现Mysql数据统计及numpy统计函数
2019/07/15 Python
Django框架表单操作实例分析
2019/11/04 Python
Python reshape的用法及多个二维数组合并为三维数组的实例
2020/02/07 Python
浅谈keras中的Merge层(实现层的相加、相减、相乘实例)
2020/05/23 Python
python批量生成条形码的示例
2020/10/10 Python
自我评价如何写好?
2014/01/05 职场文书
仓库主管岗位职责
2014/03/02 职场文书
《白鹅》教学反思
2014/04/13 职场文书
初中升旗仪式演讲稿
2014/05/08 职场文书
2014年反腐倡廉工作总结
2014/12/05 职场文书
2015小学语文教师个人工作总结
2015/05/20 职场文书
2015年社区党建工作汇报材料
2015/06/25 职场文书
Vue.Draggable实现交换位置
2022/04/07 Vue.js