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


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实现的网页颜色代码表全集
Jul 17 Javascript
深入理解javascript作用域和闭包
Sep 23 Javascript
jquery增加和删除元素的方法
Jan 14 Javascript
jQuery中$.extend()用法实例
Jun 24 Javascript
概述jQuery中的ajax方法
Dec 16 Javascript
JavaScript基础之AJAX简单的小demo
Jan 29 Javascript
js中作用域的实例解析
Mar 16 Javascript
微信小程序 列表的上拉加载和下拉刷新的实现
Apr 01 Javascript
vue-router的HTML5 History 模式设置
Sep 08 Javascript
websocket4.0+typescript 实现热更新的方法
Aug 14 Javascript
在vue中实现给每个页面顶部设置title
Jul 29 Javascript
js实现简单扫雷
Nov 27 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 一个比较完善的简单文件上传
2010/03/25 PHP
浅析HTTP消息头网页缓存控制以及header常用指令介绍
2013/06/28 PHP
使用jQuery的ajax功能实现的RSS Reader 代码
2009/09/03 Javascript
JS 对象介绍
2010/01/20 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
2012/03/15 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
2016/05/17 Javascript
批量下载对路网图片并生成html的实现方法
2016/06/07 Javascript
Bootstrap Navbar Component实现响应式导航
2016/10/08 Javascript
在js代码拼接dom对象到页面上去的模板总结(必看)
2017/02/14 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
2017/06/18 Javascript
在vue中获取dom元素内容的方法
2017/07/10 Javascript
Vue 2.0在IE11中打开项目页面空白的问题解决
2017/07/16 Javascript
js实现图片轮播效果学习笔记
2017/07/26 Javascript
nodejs动态创建二维码的方法
2017/08/12 NodeJs
JS库之ParticlesJS使用简介
2017/09/12 Javascript
layui radio性别单选框赋值方法
2018/08/15 Javascript
实例讲解vue源码架构
2019/01/24 Javascript
Vue 处理表单input单行文本框的实例代码
2019/05/09 Javascript
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
2019/05/14 Javascript
js微信分享接口调用详解
2019/07/23 Javascript
[01:12:40]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第三场 1月25日
2021/03/11 DOTA
浅谈python中的变量默认是什么类型
2016/09/11 Python
python三大神器之fabric使用教程
2019/06/10 Python
Python实现12306火车票抢票系统
2019/07/04 Python
Django自带的加密算法及加密模块详解
2019/12/03 Python
python数据预处理 :数据共线性处理详解
2020/02/24 Python
HTML5 Canvas入门学习教程
2016/03/17 HTML / CSS
草莓网化妆品加拿大网站:Strawberrynet Canada
2016/09/20 全球购物
小学班主任事迹材料
2014/12/17 职场文书
2015年“公民道德宣传日”活动方案
2015/05/06 职场文书
学校2016年全国助残日活动总结
2016/04/01 职场文书
关于python中模块和重载的问题
2021/11/02 Python
TV动画《政宗君的复仇》第二季制作决定PV公布
2022/04/02 日漫
实战Python爬虫爬取酷我音乐
2022/04/11 Python
使用Ajax实现无刷新上传文件
2022/04/12 Javascript
MyBatis XPathParser解析器使用范例详解
2022/07/15 Java/Android