Web页面快捷键自定义

　　在很多网页中，可以使用快捷来完成一定的动作，比如discuz论坛的“完成后可按 Ctrl+Enter 发布”功能！

　　这样的功能是用JavaScript中的event属性的KeyCode方法完成，利用onKeyDown事件进行驱动。
　　在JavaScript中，可以通过keyCode属性来得到用户所按键的ASSCII码值。具体对应关系可以查ASSCII码表。

例子：

<SCRIPT LANGUAGE="JavaScript">
<!--
function hotkey()
{
var a=window.event.keyCode;
if(a==65)
{
alert("你按了a键吧");
}
}// end hotkey

document.onkeydown = hotkey; //当onkeydown 事件发生时调用hotkey函数
//-->
</SCRIPT>

　　另外，在快捷键的使用中，Alt、Ctrl、shift等辅助键也是经常用到的，可以通过altKey、ctrlKey、shiftKey这三个属性来判断Alt、Ctrl、shift键的状态
比如event.ctrlKey的值为真，就说明用户按下了Ctrl键。

例子：

<SCRIPT LANGUAGE="JavaScript">
<!--
function hotkey()
{

if(event.ctrlKey)
{
alert("你按了Ctrl键吧");
}
}// end hotkey

document.onkeydown = hotkey; //当onkeydown 事件发生时调用hotkey函数
//-->
</SCRIPT>

　　可以组合起来，形成真正的快捷键，将执行语句换为你要的效果就可以了。

<SCRIPT LANGUAGE="JavaScript">
<!--
function hotkey()
{
var a=window.event.keyCode;
if((a==65)&&(event.ctrlKey))
{
alert("你按了ctrl+a键吧");
}
}// end hotkey

document.onkeydown = hotkey; //当onkeydown 事件发生时调用hotkey函数
//-->
</SCRIPT>

　　document.onkeydown = hotkey 语句是在全页面中，当用户按下键时，调用hotkey函数，也许你希望在页面局部实现快捷键功能，那么，你可以仿照下面这样做（记得删除"document.onkeydown = hotkey"语句）：

原文：http://blog.csdn.net/sdust_zh/archive/2008/03/19/2196808.aspx

Web页面快捷键自定义相关推荐

WEB页面快捷键的设置小谈
为了提高用户体验,我们一般会采用在web页面上提供快捷键的方式达到效果. 下面是我写的登录快捷键"ENTER"的js: <script type="text/jav ...
如何在web页面使用自定义字体
很多时候我们想要让页面更漂亮一些,更有逼格一些,这样的话,在页面使用自定义字体必不可少.如何实现这一功能呢? 下载字体样式首先,当然是从网上下载下来你所想要使用的字体样式.为了让我们的字体形式在不同 ...
[原]iOS中 Web 页面与 Native Code 的一种通信方式
在 iOS 开发中,Web 页面与 Native Code 通信可以分为两个方面: 1.Native Code 调用 Web 页面的方法:主要是调用页面中的 Javascript 函数. 2.Web ...
1+X初级 Web页面制作基础
第一篇 Web页面制作基础排版不太好,如果要Word版本,请添加群聊获取第一章 HTML标签介绍 •HTML 标签是由<>包围的关键词,例: •HTML 标签通常成对出现,分为标签开头 ...
用服务器安装nginx部署web页面
作为一个野生的iOSer,技术栈好像还没到这么远,平时也用不太到,主要最自学的几个方面碰巧联系在了一起,因为爱好吧,就研究了下.对了还有戴铭做的那个iOS高阶晋级网课,我也打算订阅一份,并且每章带有我 ...
ASP.NET Web 页面生命中的一天
ASP.NET Web 页面生命中的一天 Dino Esposito Wintellect 2003 年 8 月适用于: Microsoft® ASP.NET 摘要:了解为 ASP.NET Web ...
移动端也能兼容的web页面制作2：导航栏、背景图片设置
[ 导读 ] MDBootstrap 是基于 Vue.js 开发的一套前端框架,拥有美观大气的界面效果,友好的交互体验,更棒的是对于移动端也有很好的兼容性.先给大家看下演示 demo 的运行,后面将围 ...
web页面验证码生成
web页面验证码生成 kaptcha 是一个非常实用的验证码生成工具.有了它,你可以生成各种样式的验证码,因为它是可配置的.kaptcha工作的原理是调用 com.google.code.kapt ...
DLL+ ActiveX控件+WEB页面调用例子
因项目需要,开始学习并研究VC.DLL及ActiveX控件,网上资料找了很多,但没一个可用的或者说没一个例子可理解并运行的.没办法,自己研究吧.功夫不负有心人,终有小成了,呵呵,现在把自己学习总结了一 ...

Web页面快捷键自定义

Web页面快捷键自定义相关推荐

最新文章

热门文章