用各种热键导航

江沐胜

江沐胜

2016-02-19 14:38

下面图老师小编要向大家介绍下用各种热键导航,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

    现在一个页面上用到的链接是越来越多,让人能一目了然地直接找到相应的链接却是越来越困难了,怎么样能方便地解决这个问题呢?现在有了用热键来导航的方法,相对来讲方便多了,其实它的原理是非常简单的,现在就来为大家介绍两种方法,有了它,就可以解决许多你原来没法解决的问题了。

    你一定心动了吧,那就跟我来吧......

一、单一的热键导航
SCRIPT LANGUAGE="JavaScript"
!-- Begin
var key = new Array(); // 设置一个数组
key['h'] = "http://www.jzzy.com"; //按'h'指导航到站点的首页
key['j'] = "http://www.jzzy.com/javascript"; //按'j'指导航到站点的javascript栏目中
key['f'] = "http://www.jzzy.com/flash"; //按''指导航到站点的flash栏目中
key['m'] = "http://www.jzzy.com/member"; //按''指导航到站点的社区中

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

function getKey(keyStroke) { //设置一个按键启动函数
isNetscape=(document.layers);
eventChooser = (isNetscape) ? keyStroke.which : event.keyCode; //检测一下浏览器
which = String.fromCharCode(eventChooser).toLowerCase(); //读出输入的字符
for (var i in key) if (which == i) window.location = key[i]; //检测中相应的键,再导航到相应链接
}
document.onkeypress = getKey; //启动函数
// End --
/script
你可以在某个地方进行说明(状态栏,Title栏,一个页面层,特殊文字):按'h'返回首页等,这样使用起来就方便了许多

二、组合字母的热键导航

SCRIPT LANGUAGE="JavaScript"
!-- Begin
var SpecialWord = "java", //预先设置好输入导航的字符,即设置一个字段
SpecialUrl = "http://www.jzzy.com/", //设置一个链接
SpecialLetter = 0; //设置开始字母为0个,如果改成1,只要输入'ava',就可以自动导航了
function getKey(keyStroke) { //设置一个按键启动函数
var isNetscape=(document.layers);
var eventChooser = (isNetscape) ? keyStroke.which : event.keyCode; //检测一下浏览器
var which = String.fromCharCode(eventChooser).toLowerCase(); //读出输入的字符
if (which == SpecialWord.charAt(SpecialLetter)) { //检测输入字母
SpecialLetter++; //增加字母个数
if (SpecialLetter == SpecialWord.length) window.location = SpecialUrl; //如果正好是java就开始启动specialUrl
}
else SpecialLetter = 0; //如果不是就重新开始,设置字符为0,再一次进行检测
}
document.onkeypress = getKey; //启动函数
// End --
/script

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

适用于比较特殊的一些链接,键入相应单词就能自动导航,省得在IE栏上敲一长串字母,方便了许多

展开更多 50%)
分享

猜你喜欢

用各种热键导航

Web开发
用各种热键导航

用热键操纵QQ聊天

电脑入门
用热键操纵QQ聊天

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

宠物导航怎么用?

手机软件 应用软件
宠物导航怎么用?

用API函数定义热键又一法

编程语言 网络编程
用API函数定义热键又一法

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

用Authorware做导航界面

设计软件 平面设计软件 广告设计软件
用Authorware做导航界面

用WPS标注各种图形符号

wps教程 wps office教程
用WPS标注各种图形符号

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Unix环境下Oracle数据库优化心得介绍

Unix环境下Oracle数据库优化心得介绍

Oracle DBA数据库日常维护完全手册

Oracle DBA数据库日常维护完全手册
下拉加载更多内容 ↓