JavaScript -- onmousedown 事件

2024-06-14 07:18
文章标签 java script 事件 onmousedown

本文主要是介绍JavaScript -- onmousedown 事件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

html文件 你可能能查看到这个页面的源代码,但是你需要做一些工作

<!DOCTYPE html>
<html>
<head><title>onMousedown capture</title><script src="script.js"></script>
</head>
<body><h1>Important source data that someone might want to look at.</h1>
</body>
</html>

script.js 这个脚本会阻止经验不太丰富的用户在页面上打开快捷菜单

if (typeof document.oncontextmenu == "object") {if (document.all) {document.onmousedown = captureMousedown;}else {document.oncontextmenu = captureMousedown;}
}
else {window.oncontextmenu = captureMousedown;
}function captureMousedown(evt) {if (evt) {var mouseClick = evt.which;}else {var mouseClick = window.event.button;}if (mouseClick==1 || mouseClick==2 || mouseClick==3) {alert("Menu Disabled");return false;}
}

下面对这段脚本语言做些解释:

if (typeof document.oncontextmenu == "object") {if (document.all) {document.onmousedown = captureMousedown;

第一块代码检查浏览器是否是Firefox,这种浏览器使用window.oncontextmenu(因此不知道document.oncontextmenu)。如果它不是Firefox,再检查document.all,这是检查浏览器是否是IE的简便方法。如果它是IE,就在触发onmousedown时运行captureMousedown()。



	else {document.oncontextmenu = captureMousedown;

如果到达了这里,就说明访问者使用的是Safari,这种浏览器需要在document对象上设置oncontextmenu。



else {window.oncontextmenu = captureMousedown;

最后,如果浏览器是Firefox,就让window的oncontextmenu事件调用captureMousedown()函数。



function captureMousedown(evt) {

这个函数要处理onmousedown和oncontextmenu事件。基于Netscape的浏览器和Safari在触发事件时会自动地生成和传递evt参数,这个变量包含关于事件的信息。



	if (evt) {var mouseClick = evt.which;}else {var mouseClick = window.event.button;}

这个evt变量存在(访问者点击了鼠标的右键),就可以通过检查evt.which来判断用户单击的是哪个按钮。如果用户使用IE,用户操作的结果会在wondiw.event.button中找到。无论是哪种情况,结果都储存在mouseClick变量中。



	if (mouseClick==1 || mouseClick==2 || mouseClick==3) {alert("Menu Disabled");return false;}

如果mouseClick是1、2或3,就弹出一个警告框,向用户指出这个功能以已经禁用了,并返回false。返回false会阻止显示菜单窗口。


这篇关于JavaScript -- onmousedown 事件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1059736

相关文章

Java编译生成多个.class文件的原理和作用

《Java编译生成多个.class文件的原理和作用》作为一名经验丰富的开发者,在Java项目中执行编译后,可能会发现一个.java源文件有时会产生多个.class文件,从技术实现层面详细剖析这一现象... 目录一、内部类机制与.class文件生成成员内部类(常规内部类)局部内部类(方法内部类)匿名内部类二、

SpringBoot实现数据库读写分离的3种方法小结

《SpringBoot实现数据库读写分离的3种方法小结》为了提高系统的读写性能和可用性,读写分离是一种经典的数据库架构模式,在SpringBoot应用中,有多种方式可以实现数据库读写分离,本文将介绍三... 目录一、数据库读写分离概述二、方案一:基于AbstractRoutingDataSource实现动态

Springboot @Autowired和@Resource的区别解析

《Springboot@Autowired和@Resource的区别解析》@Resource是JDK提供的注解,只是Spring在实现上提供了这个注解的功能支持,本文给大家介绍Springboot@... 目录【一】定义【1】@Autowired【2】@Resource【二】区别【1】包含的属性不同【2】@

springboot循环依赖问题案例代码及解决办法

《springboot循环依赖问题案例代码及解决办法》在SpringBoot中,如果两个或多个Bean之间存在循环依赖(即BeanA依赖BeanB,而BeanB又依赖BeanA),会导致Spring的... 目录1. 什么是循环依赖?2. 循环依赖的场景案例3. 解决循环依赖的常见方法方法 1:使用 @La

Java枚举类实现Key-Value映射的多种实现方式

《Java枚举类实现Key-Value映射的多种实现方式》在Java开发中,枚举(Enum)是一种特殊的类,本文将详细介绍Java枚举类实现key-value映射的多种方式,有需要的小伙伴可以根据需要... 目录前言一、基础实现方式1.1 为枚举添加属性和构造方法二、http://www.cppcns.co

Elasticsearch 在 Java 中的使用教程

《Elasticsearch在Java中的使用教程》Elasticsearch是一个分布式搜索和分析引擎,基于ApacheLucene构建,能够实现实时数据的存储、搜索、和分析,它广泛应用于全文... 目录1. Elasticsearch 简介2. 环境准备2.1 安装 Elasticsearch2.2 J

Java中的String.valueOf()和toString()方法区别小结

《Java中的String.valueOf()和toString()方法区别小结》字符串操作是开发者日常编程任务中不可或缺的一部分,转换为字符串是一种常见需求,其中最常见的就是String.value... 目录String.valueOf()方法方法定义方法实现使用示例使用场景toString()方法方法

Java中List的contains()方法的使用小结

《Java中List的contains()方法的使用小结》List的contains()方法用于检查列表中是否包含指定的元素,借助equals()方法进行判断,下面就来介绍Java中List的c... 目录详细展开1. 方法签名2. 工作原理3. 使用示例4. 注意事项总结结论:List 的 contain

Java实现文件图片的预览和下载功能

《Java实现文件图片的预览和下载功能》这篇文章主要为大家详细介绍了如何使用Java实现文件图片的预览和下载功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... Java实现文件(图片)的预览和下载 @ApiOperation("访问文件") @GetMapping("

C#如何动态创建Label,及动态label事件

《C#如何动态创建Label,及动态label事件》:本文主要介绍C#如何动态创建Label,及动态label事件,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录C#如何动态创建Label,及动态label事件第一点:switch中的生成我们的label事件接着,