使用 jQuery（中级），第 1 部分: 使用插件创建和扩展 jQuery 函数

核心提示： 第一个帮助解决 Web 应用程序中鼠标单击问题的 jQuery 插件是 rightClick 插件，它既能捕捉鼠标右键单击，使用 jQuery（中级），第 1 部分: 使用插件创建和扩展 jQuery 函数(5)，同时还能捕捉鼠标右键按下与松开，它还有一个功用就是让您能够关闭特定于浏览器的右键单

第一个帮助解决 Web 应用程序中鼠标单击问题的 jQuery 插件是 rightClick 插件。它既能捕捉鼠标右键单击，同时还能捕捉鼠标右键按下与松开。它还有一个功用就是让您能够关闭特定于浏览器的右键单击上下文菜单。显示在 FireFox（图 4）中的右键单击菜单在您选择将其关闭后就不会再出现了，这就让您能创建符合自已习惯的右键单击菜单而同时还不会与浏览器的默认行为发生冲突。

清单 2. rightClick 插件

//　set　up　the　div　that　will　capture　our　events　
<div　id=rightClickSample></div>　
　
//　when　the　right　mouse　is　clicked　on　this　div,　increase　the　width　
//　by　10　pixels.　Also,　do　not　show　the　browser-specific　pop-up　
//　menu　
//　This,　of　course,　should　be　in　the　$(document).ready　function　
　
$("#rightClickSample").rightClick(function(e){　
　　$(this).width($(this).width()+10);　
});　
　
$("#rightClickSample").noContext();

现在，让我们来看看能扩展 Web 应用程序中的鼠标功能的另外一个插件。这个插件具有捕捉 Ctrl、Alt 和 Shift 键的能力。一些应用程序（例如 Adobe Photoshop）经常会用到这些键，所以有些人更愿意在使用鼠标时也能使用这些键。然而，借助 jQuery 核心代码来使用这些键非常困难，并且会增加额外的编码负担。为什么不使用预先做好的并经过测试的插件呢？

编缉推荐阅读以下文章

• 使用 jQuery（中级），第 2 部分: 创建自己的插件
• 使用 jQuery，第 3 部分: 用 jQuery 和 Ajax 构建富 Internet 应用程序
• 使用 jQuery，第 2 部分: 构建未来的 Web 应用程序
• 使用 jQuery，第 1 部分: 将桌面应用程序引入浏览器