利用javascript设置网页快捷键
来源:互联网 发布:冷藏软件 编辑:程序博客网 时间:2024/09/21 09:20
在很多网页中,可以使用快捷来完成一定的动作,比如discuz论坛的“完成后可按 Ctrl+Enter 发布”功能!
这样的功能是用JavaScript中的event属性的KeyCode方法完成,利用onKeyDown事件进行驱动。
在JavaScript中,可以通过keyCode属性来得到用户所按键的ASSCII码值。具体对应关系可以查ASSCII码表。
示例:
比如event.ctrlKey的值为真,就说明用户按下了Ctrl键。
示例:
这样,只有当光标焦点在文本框中才能使用快捷键。
这样的功能是用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键的状态 <!--
function hotkey()
{
var a=window.event.keyCode;
if(a==65)
{
alert("你按了a键吧");
}
}// end hotkey
document.onkeydown = hotkey; //当onkeydown 事件发生时调用hotkey函数
//-->
</SCRIPT>
比如event.ctrlKey的值为真,就说明用户按下了Ctrl键。
示例:
<SCRIPT LANGUAGE="JavaScript">
<!--
function hotkey()
{
if(event.ctrlKey)
{
alert("你按了Ctrl键吧");
}
}// end hotkey
document.onkeydown = hotkey; //当onkeydown 事件发生时调用hotkey函数
//-->
</SCRIPT>
可以组合起来,形成真正的快捷键,将执行语句换为你要的效果就可以了。 <!--
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"语句): <!--
function hotkey()
{
var a=window.event.keyCode;
if((a==65)&&(event.ctrlKey))
{
alert("你按了ctrl+a键吧");
}
}// end hotkey
document.onkeydown = hotkey; //当onkeydown 事件发生时调用hotkey函数
//-->
</SCRIPT>
<textarea rows="7" cols="90" name="message" onKeyDown="javascript: hotkey();" tabindex="2"></textarea>
这样,只有当光标焦点在文本框中才能使用快捷键。
- 利用javascript设置网页快捷键
- 利用javascript设置网页快捷键
- 利用javascript设置网页快捷键
- 设置网页快捷键原理
- 网页快捷键设置
- 网页快捷键设置
- JS 网页快捷键设置
- JS 网页快捷键设置
- JavaScript快捷键设置
- javascript设置快捷键
- 【js】:利用javascript打开网页
- Sublime Text设置快捷键预览html网页
- CentOS(Linux) 设置快捷键打开网页版微信
- 如何利用JavaScript设置Cookie
- 利用Javascript刷新网页方法大全
- 利用javascript:命令更改网页显示效果
- 利用javascript onclick跳转链接网页
- 利用Javascript制作网页特效(时间特效)
- 梦的哲学
- RFID
- SQL Server 2000異地數據庫數據同步_5
- 以一卖烧饼的故事 来描述股市
- 短线庄家
- 利用javascript设置网页快捷键
- 软件Sniffer开发文档---开始写软件开发文档了
- Bresenham扫描的双向等效性讨论
- 最近写了个html在线编辑器
- VS2005 项目名.vshost.exe
- 关于团队的建设
- 学ASP只需一小时
- 基于gridview的三层结构的代码演示 (一) 三层架构的实例演示(原创 如需转载请联系作者)
- VB 2005 中用P/Invoke进行windows HOOK 的方法