JavaScript设置网页快捷键
2010-01-15 20:57
309 查看
这样的功能是用JavaScript中的event属性的KeyCode方法完成,利用onKeyDown事件进行驱动。
在JavaScript中,可以通过keyCode属性来得到用户所按键的ASSCII码值。具体对应关系可以查ASSCII码表。
例子:
另外,在快捷键的使用中,Alt、Ctrl、shift等辅助键也是经常用到的,可以通过altKey、ctrlKey、shiftKey这三个属性来判断Alt、Ctrl、shift键的状态
比如event.ctrlKey的值为真,就说明用户按下了Ctrl键。
例子:
可以组合起来,形成真正的快捷键,将执行语句换为你要的效果就可以了。
document.onkeydown = hotkey 语句是在全页面中,当用户按下键时,调用hotkey函数,也许你希望在页面局部实现快捷键功能,那么,你可以仿照下面这样做(记得删除"document.onkeydown = hotkey"语句):
这样,只有当光标焦点在文本框中才能使用快捷键。
在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>
<!--
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>
<!--
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>
<!--
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设置网页快捷键
- javascript设置网页快捷键
- 利用javascript设置网页快捷键
- 利用javascript设置网页快捷键
- 利用javascript设置网页快捷键
- 如何设置网页快捷键(转)
- JavaScript基础 window.open(url,name,options) 新建一个新的网页 设置新网页的网址 名字 宽度 高度
- JAVASCRIPT实现网页打印,可设置页眉、页脚、页边距
- JavaScript基础 设置图片的高度与宽度 在网页中出现一个随机大小 的太阳图片
- 在网页上打印时用javascript设置打印区域和不打印区域,分页等
- JS 网页快捷键设置
- 通过javascript设置打印网页时去掉页眉页脚
- JavaScript基础 设置图片的高度与宽度 在网页中出现一个随机大小 的太阳图片
- 如何设置WebView使得加载网页时能够执行JavaScript脚本中的alert()函数
- javascript取网页DOM自定义属性值和设置自定义属性值的通用方法
- 网页快捷键设置
- javascript 网页注册快捷键的函数
- JS 网页快捷键设置
- WebView打开网页,设置支持Javascript,浏览的网页后退而不是退出浏览器,判断页面加载过程,缓存的使用
- javascript设置网页刷新或者重新加载后滚动条的位置不变