十二、鼠标事件
5. Ctrl、Alt、Shift键(Ctrl, Alt, Shift Keys)
Q:我如何检测和按下Ctrl、Alt和Shift键一起的鼠标事件?
A:在当今的浏览器中,脚本可以检测鼠标事件发生时,用户是否按下了Ctrl、Alt或者Shift键中任何一个。在下面的例子中,由MouseDown和MouseUp事件完成演示。而至于其它鼠标事件,类似的方法可能达到效果,也可能达不到效果,这依赖于浏览器。
要实现Ctrl/Alt/Shift检测,你可以使用属性event.ctrlKey、event.altKey、event.shiftKey和不赞成使用的Navigator特有属性event.modifiers。在该页任何地方点击鼠标,同时按下Ctrl、Alt或者Shift,下面的脚本(在本页的<HEAD>区域)就会检测到这个组合(译者注:示例在本页上可能无法正常运行)。每次点击鼠标,你就会在浏览器的状态栏上看到event.ctrlKey、event.altKey、event.shiftKey或者event.modifiers。
event.ctrlKey、event.altKey、event.shiftKey的意义是一目了然的。如果相应的键被按下它们的值为true,反之为false。Netscape 4属性event.modifiers稍微有点技巧。根据实际的键组合,这个属性的值主要有:
Alt only modifiers=1 (001)
Ctrl only modifiers=2 (010)
Ctrl+Alt modifiers=3 (011)
Shift only modifiers=4 (100)
Shift+Alt modifiers=5 (101)
Shift+Ctrl modifiers=6 (110)
Shift+Alt+Ctrl modifiers=7 (111)
None of these keys modifiers=0 (000)
因此,event.modifiers的二进制值表示:
- 最小(右侧)的一位是1表示Alt被按下
- 第二位是1表示Ctrl被按下
- 第三位是1表示Shift被按下
6. 禁止Shift-鼠标点击(Shift-click: Disabling)
Q:我可以禁止浏览器对Shift-鼠标点击的默认响应?
A:在Netscape Navigator 4或者Internet Explorer 4或者更新的浏览器中,你可以区分Shift-鼠标点击和普通的鼠标点击,并且禁止对Shift-鼠标点击的默认响应。例如,在这个页面Shift-鼠标已经被禁止。如果你在Windows中使用版本4(或者更新)的浏览器,你可以在任何超链接上进行测试!(在旧版的浏览器中,仍然会有默认的响应。)
要禁止Shift-鼠标点击,把下面的代码插入页面的<HEAD>区域:
分享到:
相关推荐
JavaScript FAQ函数是一种常见的网页交互设计,它用于实现FAQ(常见问题解答)页面中问题与答案的展开和隐藏功能。在用户点击某个问题时,对应的答案会显示出来,而其他未被点击的问题答案则保持隐藏状态,以此提高...
这个压缩包“JavaScript_初学者文件,最终项目和FAQ为我的终极React课程.zip”显然是为了帮助初学者掌握JavaScript以及进阶到React框架的知识而设计的。React是Facebook推出的一个用于构建用户界面的JavaScript库,...
前端负责用户交互,可能使用React、Vue.js等现代JavaScript框架;后端处理业务逻辑和数据操作,可能选择Node.js、Python的Django或Flask框架,或者是Java的Spring Boot。数据库方面,MySQL或PostgreSQL是常用的选择...
前台获取内存数据通常通过JavaScript或Vue等前端框架实现,需要了解对应框架的API。可能涉及到的数据源包括本地存储、组件状态或全局变量。 **FAQ10:新配置的FC未被调用** 新配置的功能组件(FC)未调用可能因为配置...
同时,为了实现多语言或动态加载的FAQ,我们可以将问题和答案存储在JSON对象中,然后在JavaScript中动态生成HTML结构。这将使我们的代码更灵活,便于维护和扩展。 此外,考虑到性能和可访问性,我们应该避免对大量...
6. **结构化数据**:FAQ页面通常包含多条问题和答案,可以考虑将它们存储在JSON格式的数据中,然后在JavaScript中解析并动态渲染到页面上。这样做可以方便地管理和更新内容。 7. **响应式设计**:为了让FAQ列表在...
这个项目可能是一个基于JQ(可能是jQuery或者其他JavaScript库)的问题与解答(FAQ)系统,或者是一个用于处理FAQ数据的工具。尽管文件格式没有明确指定,但我们可以根据文件名推测这可能是一个代码仓库的主分支。 ...
本教程将详细介绍如何使用JavaScript实现简单的FAQ折叠效果。 首先,我们需要在HTML中构建FAQ的基础结构。每个问题-答案对应该包裹在一个容器内,例如`<div>`,并为问题和答案设置不同的CSS类。例如: ```html ...
在IT行业中,jQuery是一种广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本文将详细探讨"可展开和收缩的jQuery FAQ问答列表特效"这一主题,以及它在实际应用中的相关知识点。 首先...
在压缩包中的文件"jiaoben286"可能是示例代码或一个项目文件,可能包含了实现这种CSS3列表FAQ问答特效的具体HTML结构、CSS样式以及JavaScript代码。通过查看和分析这些文件,你可以更深入地理解如何将这些技术应用于...
【标题】"FAQ管理全源代码 .rar_FAQ" 提供的是一个完整的FAQ(常见问题解答)管理系统的所有源代码。这个系统设计用于帮助用户高效地处理和管理与产品或服务相关的常见问题及其解答,提高客户支持和服务的质量。通过...
【jQuery FAQ可收缩手风琴】是一种常见的网页交互设计元素,它通过使用jQuery库实现了一个功能丰富的FAQ(常见问题解答)部分。这个设计允许用户点击问题标题,展开对应的答案,以此来节省页面空间并提高用户体验。...
在FAQ列表中,JavaScript可能被用来处理用户交互,比如当用户点击问题时,JavaScript可以控制相应的答案区域的显示和隐藏,实现动态展开和收起。同时,它还可以实现其他功能,如验证用户输入,或者在无刷新页面的...
"简单实用的jQuery FAQ手风琴特效"就是一种增强网站用户互动性的技术,它常用于常见问题解答(FAQ)部分,使得大量的信息可以以紧凑且易于浏览的方式呈现。这篇文章将深入探讨jQuery手风琴特效的原理、实现方法以及...
**jQuery和CSS3 FAQ问答页面模板详解** 在网页设计中,FAQ(常见问题解答)页面是必不可少的一部分,它能够提供用户快速找到问题解决方案的途径。本文将深入探讨一个基于jQuery和CSS3的FAQ问答页面模板,它具有人性...
在网页开发中,jQuery作为一个强大的JavaScript库,极大地简化了DOM操作、事件处理和动画制作。对于开发者而言,掌握jQuery的常见问题和解决方法,以及如何创建吸引人的FAQ(常见问题解答)特效,是提升网站用户体验...
总结起来,这个“FAQ可收缩jquery手风琴导航”项目涵盖了前端开发的核心技术:HTML5用于构建网页结构,CSS负责样式和动画,JavaScript与jQuery库实现了交互功能。通过深入学习和实践这些技术,开发者可以创建出更加...
在IT行业中,JSP(JavaServer Pages)是一种用于创建动态网页的技术,它是Java平台的一部分,提供了将HTML、CSS和JavaScript与服务器端Java代码相结合的能力。本FAQ(Frequently Asked Questions,常见问题解答)...
《使用jQuery实现FAQ问答展开与折叠的技巧》 ...结合HTML、CSS和JavaScript,我们可以创建出既美观又实用的交互式FAQ模块。在实际开发中,根据项目需求,可以进一步定制和扩展这些基础功能,以满足更多个性化的需求。