js快捷键的应用
2010-03-16 10:16
204 查看
在很多网页中,可以使用快捷来完成一定的动作,比如discuz论坛的“完成后可按 Ctrl+Enter 发布”功能!
这样的功能是用JavaScript中的event属性的KeyCode方法完成,利用onKeyDown事件进行驱动。
在JavaScript中,可以通过keyCode属性来得到用户所按键的ASSCII码值。具体对应关系可以查ASSCII码表。
例子:
CODE: [Copy to clipboard]
<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键。
例子:
CODE: [Copy to clipboard]
<SCRIPT LANGUAGE="JavaScript">
<!--
function hotkey()
{
if(event.ctrlKey)
{
alert("你按了Ctrl键吧");
}
}// end hotkey
document.onkeydown = hotkey; //当onkeydown 事件发生时调用hotkey函数
//-->
</SCRIPT>
可以组合起来,形成真正的快捷键,将执行语句换为你要的效果就可以了。
CODE: [Copy to clipboard]
<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"语句):
CODE: [Copy to clipboard]
<textarea rows="7" cols="90" name="message" onKeyDown="javascript: hotkey();" tabindex="2"></textarea>
这样,只有当光标焦点在文本框中才能使用快捷键。
这样的功能是用JavaScript中的event属性的KeyCode方法完成,利用onKeyDown事件进行驱动。
在JavaScript中,可以通过keyCode属性来得到用户所按键的ASSCII码值。具体对应关系可以查ASSCII码表。
例子:
CODE: [Copy to clipboard]
<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键。
例子:
CODE: [Copy to clipboard]
<SCRIPT LANGUAGE="JavaScript">
<!--
function hotkey()
{
if(event.ctrlKey)
{
alert("你按了Ctrl键吧");
}
}// end hotkey
document.onkeydown = hotkey; //当onkeydown 事件发生时调用hotkey函数
//-->
</SCRIPT>
可以组合起来,形成真正的快捷键,将执行语句换为你要的效果就可以了。
CODE: [Copy to clipboard]
<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"语句):
CODE: [Copy to clipboard]
<textarea rows="7" cols="90" name="message" onKeyDown="javascript: hotkey();" tabindex="2"></textarea>
这样,只有当光标焦点在文本框中才能使用快捷键。
相关文章推荐
- js客户端快捷键管理类的较完整实现和应用
- js客户端快捷键管理类的较完整实现和应用
- js屏蔽快捷键
- 项目总结 - jquery.mousewheel.js实际应用
- H5 应用返回按钮的js代码设计,设计思想模仿stack
- js基础5应用案例
- Node.js的应用场景
- 发邮件 上传图像 JS中的EVENT GRIDVIEW的简单应用 JS中一些寻找控件的用法
- JS应用正则表达式转换大小写示例
- 如何在_Ubuntu_上使用_pm2_和_Nginx_部署_Node.js_应用
- Maven + Spring MVC+Mybatis + MySQL +AngularJS + Bootstrap 实现简单微博应用(二)访问数据库
- GoogleMap在js中的应用
- 应用emailAutoComplete.js来自动显示邮箱后缀列表
- php和js交互一例-PHP教程,PHP应用
- WEUI应用,用JS封装常用信息提示的弹层—Toast
- dojo.js中使用ajax提交方式的应用实例
- 基于js和canvas的开源HTML5应用开发框架
- Node.js + Express 多个 Layout 文件应用
- Asp.net+Vue2构建简单记账WebApp之三(使用Vue-cli构建vue.js应用)