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

核心提示： extendedClick 插件提供了代表不同帮助键组合的函数，这些函数包括 ctrlclick()、 shiftclick()、altclick()、ctrlaltclick()、ctrlshiftclick()、altshiftclick() 及 ctrlaltshiftclick()，使用

extendedClick 插件提供了代表不同帮助键组合的函数。这些函数包括 ctrlclick()、 shiftclick()、altclick()、ctrlaltclick()、ctrlshiftclick()、altshiftclick() 及 ctrlaltshiftclick()。但美中不足的是，这些函数只能被关联到鼠标左键单击按钮，正如之前的右键单击示例中所展示的，忽略了鼠标的另一半不是明智之举。然而，到目前为止，还没有一个插件能将帮助键关联到右键单击，将两者相结合以及创建一个新插件的工作就留给有志之士去做了。

让我们将右键单击的示例改掉，让 div 在按下 Shift+左键单击时增加 10 个像素、在按下 Ctrl+左键单击时减少 10 个像素。

清单 3. extendedClick 插件

//　set　up　the　div　that　will　capture　our　events　
<div　id=extendedClickSample></div>　
　
//　when　the　left　mouse　is　clicked　with　the　shift　key　held　down,　
//　grow　the　div　by　10　pixels　
$("#extendedClickSample").shiftclick(function(e){　
　　$(this).width($(this).width()+10);　
});　
　　
//　when　the　left　mouse　is　clicked　with　the　ctrl　key　held　down,　
//　shrink　the　div　by　10　pixels　
$("#extendedClickSample").ctrlclick(function(e){　
　　$(this).width($(this).width()-10);　
});

能够消除桌面应用程序与 Web 应用程序差异的最后一个插件就是能够处理鼠标滚轮的这个插件。我敢打赌多数人都从来没遇到过一个允许使用鼠标滚轮的 Web 站点（除了 HTML 输入元素）。但这也不意味着要在一个应用程序中使用鼠标滚轮完全不可能。鼠标滚轮在应用程序中的应用之一是能让您上传图片的 Web 站点，可以通过鼠标滚轮来对图片进行放大或缩小。诚然，在桌面应用程序上也可以使用这个功能，但是在大多数 Web 应用程序中仍然可以吗？未必。

编缉推荐阅读以下文章

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