新聞中心
今天分享一款幫助大家在網(wǎng)站或者web應(yīng)用中添加快捷鍵組合的類庫 - keyboard.js,使用這個類庫你可以很方便的捕捉輸入鍵的組合,可以幫助你很好的添加相關(guān)快捷鍵的操作,希望大家喜歡!

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),容縣企業(yè)網(wǎng)站建設(shè),容縣品牌網(wǎng)站建設(shè),網(wǎng)站定制,容縣網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,容縣網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學習、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
主要特性:
◆ 獨立類庫,當然也可以和其它類庫組合使用,例如,jQuery
◆ 字母或者字母組合綁定
◆ 支持Callback回調(diào)
◆ 多語言支持
◆ 支持AMD加載,例如 RequireJS
◆ 文檔完整
Javascript:
- $(document).ready(function(){
- var gbin1 = ['g', 'b', 'i', 'n', '1'],
- google = ['g', 'o', 'o', 'g', 'l', 'e'],
- baidu = ['b', 'a', 'i', 'd', 'u'],
- kI = 0;
- document.addEventListener('keydown', function(){
- var keys = KeyboardJS.activeKeys();
- if(keys.length) {
- for(var i = 0; i < keys.length; i += 1) {
- if(keys[i] === gbin1[kI]) {
- if(kI < gbin1.length - 1) {
- kI += 1;
- } else {
- $("#info").html("Loading gbin1.com ... ...");
- location = "http://www.gbin1.com";
- }
- } else if(keys[i] === google[kI]) {
- if(kI < gbin1.length - 1) {
- kI += 1;
- } else {
- $("#info").html("Loading gbin1.com ... ...");
- location = "http://www.google.com";
- }
- } else if(keys[i] === baidu[kI]) {
- if(kI < gbin1.length - 1) {
- kI += 1;
- } else {
- $("#info").html("Loading gbin1.com ... ...");
- location = "http://www.baidu.com";
- }
- } else{
- kI = 0;
- }
- var keysString;
- keysString = keys.join(', ');
- if(keysString!=' '){
- var log=$("#log");
- log.append('' + keysString + '').find("b").last().show();
- }
- }
- }
- });
- });
HTML
![]()
Please typing one of site names below:
- gbin1
- baidu
Status bar
CSS
- body{
- background: #ccc;
- }
- #container{
- margin: 0 auto;
- background: #202020;
- width: 960px;
- color: #E3E3E3;
- padding: 15px;
- margin-top: 0;
- }
- h3{
- font-size:16px;
- font-family: Arial;
- font-weight: normal;
- }
- #log b{
- position:relative;
- }
- #info{
- background: #303030;
- padding: 10px;
- font-size: 10px;
- color: #888;
- }
原文:http://www.gbin1.com/technology/javascript/20120208keyboard4keyshortcutsupport/
當前題目:keyboard.js:可添加快捷鍵組合的JavaScript類庫
URL分享:http://m.fisionsoft.com.cn/article/cohphso.html


咨詢
建站咨詢
