`
txf2004
  • 浏览: 7040571 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JavaScript FAQ(十五)

阅读更多

十二、鼠标事件

2. 左键 vs.右键(Left vs. Right Button

Q:我如何检查用户点击的是右键还是左键?

Aclick事件只在左键发生,因此onClick事件处理器不用进行左右键测试。

另一方面,mousedownmouseup事件可能发生在鼠标的任何键上。要确定用户点击的是左键还是右键,可以使用下列事件属性:

  • Netscape Navigator中 event.which
  • Internet Explorer中 event.button

若这些属性的值是1,事件就发生在左键上。在下面的例子中,onMouseEvent事件处理器会根据你实际点击的鼠标显示Left button或者Right button。这个消息会出现在你的浏览器的状态栏上。点击或者右击页面的任何地方来观察它如何运行:

3. 右键:不可用(Right Button: Disabling

Q:我可以在用哦过户点击右键时不弹出Windows上下文菜单吗?

A:在当今的多数浏览器中,你可以通过在页面的body标签中使用oncontextmenu时间处理器,阻止弹出上下文菜单。

<body oncontextmenu="return false;">

试着在页面上任何地方右击——上下文菜单都不会出现了。

在旧版的浏览器中(从Netscape Navigator 4.x和Internet Explorer 4.x开始你可以通过在右击时显示警告信息禁止右键菜单。把下面的代码插入页面的<HEAD>区域就可以完成上面的功能:

注意:在特别老的浏览器中(Netscape Navigator 3.x、Internet Explorer 3.x或者更早)上下文菜单仍旧会出现。另外,如果用户已经禁止了JavaScript,上下文菜单也会出现。

4. 图片上禁止右键菜单(Disabling the Right-Click Menu For an Image

Q:我可以只在一个图片上禁止右键菜单,而其他图片仍然显示吗?

A:可以。在当今多数的浏览其中,你可以在一个特定的图片上禁止右键菜单。为了实现这个功能,你可以在IMG标签内使用事件处理器oncontextmenu="return false;",图片定义:

<IMG border=0 src="..." oncontextmenu="return false;">

例如,这个图片的右键菜单已经被禁止了:

注意:在旧版的浏览器中(例如,Internet Explorer 4.x或者更早),这个技巧就不起作用。如果用户禁止了JavaScript,菜单也会出现。

分享到:
评论

相关推荐

    javascript FAQ函数(提问+回复)

    JavaScript FAQ函数是一种常见的网页交互设计,它用于实现FAQ(常见问题解答)页面中问题与答案的展开和隐藏功能。在用户点击某个问题时,对应的答案会显示出来,而其他未被点击的问题答案则保持隐藏状态,以此提高...

    JavaScript_初学者文件,最终项目和FAQ为我的终极React课程.zip

    这个压缩包“JavaScript_初学者文件,最终项目和FAQ为我的终极React课程.zip”显然是为了帮助初学者掌握JavaScript以及进阶到React框架的知识而设计的。React是Facebook推出的一个用于构建用户界面的JavaScript库,...

    FAQ.zip_FAQ_在线FAQ制作_网站faq系统

    前端负责用户交互,可能使用React、Vue.js等现代JavaScript框架;后端处理业务逻辑和数据操作,可能选择Node.js、Python的Django或Flask框架,或者是Java的Spring Boot。数据库方面,MySQL或PostgreSQL是常用的选择...

    业务框架应用FAQ

    前台获取内存数据通常通过JavaScript或Vue等前端框架实现,需要了解对应框架的API。可能涉及到的数据源包括本地存储、组件状态或全局变量。 **FAQ10:新配置的FC未被调用** 新配置的功能组件(FC)未调用可能因为配置...

    jquery常见问题FAQ展开收缩列表效果

    同时,为了实现多语言或动态加载的FAQ,我们可以将问题和答案存储在JSON对象中,然后在JavaScript中动态生成HTML结构。这将使我们的代码更灵活,便于维护和扩展。 此外,考虑到性能和可访问性,我们应该避免对大量...

    开源项目-jzelinskie-faq.zip

    这个项目可能是一个基于JQ(可能是jQuery或者其他JavaScript库)的问题与解答(FAQ)系统,或者是一个用于处理FAQ数据的工具。尽管文件格式没有明确指定,但我们可以根据文件名推测这可能是一个代码仓库的主分支。 ...

    jQuery toggle事件制作FAQ列表页.zip

    6. **结构化数据**:FAQ页面通常包含多条问题和答案,可以考虑将它们存储在JSON格式的数据中,然后在JavaScript中解析并动态渲染到页面上。这样做可以方便地管理和更新内容。 7. **响应式设计**:为了让FAQ列表在...

    如何实现简单的FAQ折叠效果.rar

    本教程将详细介绍如何使用JavaScript实现简单的FAQ折叠效果。 首先,我们需要在HTML中构建FAQ的基础结构。每个问题-答案对应该包裹在一个容器内,例如`&lt;div&gt;`,并为问题和答案设置不同的CSS类。例如: ```html ...

    可展开和收缩的jquery FAQ问答列表特效

    在IT行业中,jQuery是一种广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本文将详细探讨"可展开和收缩的jQuery FAQ问答列表特效"这一主题,以及它在实际应用中的相关知识点。 首先...

    css3列表FAQ问答特效.rar

    在压缩包中的文件"jiaoben286"可能是示例代码或一个项目文件,可能包含了实现这种CSS3列表FAQ问答特效的具体HTML结构、CSS样式以及JavaScript代码。通过查看和分析这些文件,你可以更深入地理解如何将这些技术应用于...

    FAQ管理全源代码 .rar_FAQ

    【标题】"FAQ管理全源代码 .rar_FAQ" 提供的是一个完整的FAQ(常见问题解答)管理系统的所有源代码。这个系统设计用于帮助用户高效地处理和管理与产品或服务相关的常见问题及其解答,提高客户支持和服务的质量。通过...

    FAQ可收缩jquery手风琴

    【jQuery FAQ可收缩手风琴】是一种常见的网页交互设计元素,它通过使用jQuery库实现了一个功能丰富的FAQ(常见问题解答)部分。这个设计允许用户点击问题标题,展开对应的答案,以此来节省页面空间并提高用户体验。...

    css3列表FAQ问答特效.zip

    在FAQ列表中,JavaScript可能被用来处理用户交互,比如当用户点击问题时,JavaScript可以控制相应的答案区域的显示和隐藏,实现动态展开和收起。同时,它还可以实现其他功能,如验证用户输入,或者在无刷新页面的...

    简单实用的jQuery FAQ手风琴特效

    "简单实用的jQuery FAQ手风琴特效"就是一种增强网站用户互动性的技术,它常用于常见问题解答(FAQ)部分,使得大量的信息可以以紧凑且易于浏览的方式呈现。这篇文章将深入探讨jQuery手风琴特效的原理、实现方法以及...

    jquery常见问答faq特效.rar

    在网页开发中,jQuery作为一个强大的JavaScript库,极大地简化了DOM操作、事件处理和动画制作。对于开发者而言,掌握jQuery的常见问题和解决方法,以及如何创建吸引人的FAQ(常见问题解答)特效,是提升网站用户体验...

    jQuery和css3简单实用的FAQ问答页面模板

    **jQuery和CSS3 FAQ问答页面模板详解** 在网页设计中,FAQ(常见问题解答)页面是必不可少的一部分,它能够提供用户快速找到问题解决方案的途径。本文将深入探讨一个基于jQuery和CSS3的FAQ问答页面模板,它具有人性...

    FAQ可收缩jquery手风琴导航.zip

    总结起来,这个“FAQ可收缩jquery手风琴导航”项目涵盖了前端开发的核心技术:HTML5用于构建网页结构,CSS负责样式和动画,JavaScript与jQuery库实现了交互功能。通过深入学习和实践这些技术,开发者可以创建出更加...

    jquery实现faq问答展开折叠.rar

    五、CSS样式增强 为了视觉上的效果,我们可以添加一些CSS样式,例如折叠时隐藏答案的过渡效果,或者展开时添加高亮等。以下是一些基础样式的例子: ```css .faq-answer { display: none; /* 初始状态隐藏答案 */ ...

    faq.rar_FAQ_jsp faq_jsp 问答_jsp代码_问答

    在IT行业中,JSP(JavaServer Pages)是一种用于创建动态网页的技术,它是Java平台的一部分,提供了将HTML、CSS和JavaScript与服务器端Java代码相结合的能力。本FAQ(Frequently Asked Questions,常见问题解答)...

Global site tag (gtag.js) - Google Analytics