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


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 相关文章推荐
在JavaScript中监听IME键盘输入事件
May 29 Javascript
JavaScript生成随机字符串的方法
Mar 19 Javascript
JavaScript 动态加载脚本和样式的方法
Apr 13 Javascript
学习JavaScript设计模式之代理模式
Jan 12 Javascript
浅谈JavaScript对象与继承
Jul 10 Javascript
如何使用jquery实现文字上下滚动效果
Oct 12 Javascript
基于ES6作用域和解构赋值详解
Nov 03 Javascript
JS点击动态添加标签、删除指定标签的代码
Apr 18 Javascript
父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法
Apr 25 Javascript
vue 全局环境切换问题
Oct 27 Javascript
JavaScript代码简化技巧实例解析
Sep 09 Javascript
原生JS中应该禁止出现的写法
May 05 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实现定时生成HTML网站首页实例代码
2008/11/20 PHP
php对象在内存中的存在形式分析
2015/02/03 PHP
typecho插件编写教程(一):Hello World
2015/05/28 PHP
php强大的时间转换函数strtotime
2016/02/18 PHP
非常有用的9个PHP代码片段
2016/04/06 PHP
PHP进阶学习之类的自动加载机制原理分析
2019/06/18 PHP
javascript cookies操作集合
2010/04/12 Javascript
js加强的经典分页实例
2013/03/15 Javascript
jQuery输入城市查看地图使用介绍
2013/05/08 Javascript
Javascript+CSS实现影像卷帘效果思路及代码
2014/10/20 Javascript
nodejs实现获取某宝商品分类
2015/05/28 NodeJs
jquery操作angularjs对象
2015/06/26 Javascript
jQuery实现的左右移动焦点图效果
2016/01/14 Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
2016/02/29 Javascript
JavaScript  cookie 跨域访问之广告推广
2016/04/20 Javascript
jQuery实现按钮点击遮罩加载及处理完后恢复的效果
2016/06/07 Javascript
js与applet相互调用的方法
2016/06/22 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
2017/02/16 Javascript
移动端网页开发调试神器Eruda的介绍与使用技巧
2017/10/30 Javascript
vue中路由验证和相应拦截的使用详解
2017/12/13 Javascript
详解Vue 中 extend 、component 、mixins 、extends 的区别
2017/12/20 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
2018/09/10 Javascript
TypeScript魔法堂之枚举的超实用手册
2020/10/29 Javascript
python使用正则表达式分析网页中的图片并进行替换的方法
2015/03/26 Python
python实现随机梯度下降(SGD)
2020/03/24 Python
对sklearn的使用之数据集的拆分与训练详解(python3.6)
2018/12/14 Python
一篇文章彻底搞懂Python中可迭代(Iterable)、迭代器(Iterator)与生成器(Generator)的概念
2019/05/13 Python
python可视化text()函数使用详解
2020/02/11 Python
Python基于yaml文件配置logging日志过程解析
2020/06/23 Python
amaze ui 的使用详细教程
2020/08/19 HTML / CSS
奥巴马开学演讲稿
2014/05/15 职场文书
组织鉴定材料
2014/06/02 职场文书
中学生逃课检讨书
2015/02/17 职场文书
英语版自我评价,35句话轻松搞定
2019/10/08 职场文书
Python 中面向接口编程
2022/05/20 Python
HTML5页面打开微信小程序功能实现
2022/09/23 HTML / CSS