教程集 > jQuery > jquery 教程 > 正文 js定义热键代码

js定义热键代码

发布时间：2023-12-25 编辑：jiaochengji.com

教程集为您提供js定义热键代码等资源，欢迎您收藏本站，我们将为您提供最新的js定义热键代码资源

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>无标题文档</title>  <script language="javascript" type="text/javascript">  /*--------------------------------------------------------  Opera下，不会把系统快捷键给屏蔽掉。  Safari下，如果你按下的是系统快捷键，就不会响应给自定程序。  CTRL S不是safari的快捷键，可以看ctrl s可以响应，ctrl a,ctrl d等，就得不到响应。  ---------------------------------------------------------*/  function Browser(){   var d_ = document,n_ = navigator,t_ = this,s_= screen;         var b = n_.appName;      var ua = n_.userAgent.toLowerCase();         t_.name = "Unknow";      t_.safari = ua.indexOf("safari")>-1;  // always check for safari & opera      t_.opera = ua.indexOf("opera")>-1;    // before ns or ie   t_.firefox = !t_.safari && ua.indexOf('firefox')>-1; // check for gecko engine       t_.ns = !t_.firefox && !t_.opera && !t_.safari && (b=="Netscape");      t_.ie = !t_.opera && (b=="Microsoft Internet Explorer");      t_.name = (t_.ie ? "IE" : (t_.firefox ? "Firefox" : (t_.ns ? "Netscape" : (t_.opera ? "Opera" : (t_.safari ? "Safari" : "Unknow")))));  }  function JShortCut(){   var self;   var map = {};   var brw = new Browser();      this.bind = function(sc,func,doSysSc){    map[sc] = func;    if(doSysSc === false)     map[sc].doSysShortCut = false;   }      this.unBind = function(sc){    delete map[sc];   }      this.listen = function(elm){    if(typeof elm == "string") elm = document.getElementById(elm);    if (elm.addEventListener) {     //Safari,opera,firefox     elm.addEventListener("keydown", dispatch, false);     elm.addEventListener("keypress", dispatch, false);    }    else if (elm.attachEvent) {     //IE     elm.attachEvent("onkeydown", dispatch);     elm.attachEvent("onkeypress", dispatch);    }    else {     elm.onkeydown = element.onkeypress = dispatch;    }     }      var dispatch = function (evt){    evt = evt || event;        if (evt.type == "keydown") {     var code = evt.keyCode;     if (code == 16 || code == 17 || code == 18) return;     keyname = JShortCut.KEYS[code];          var modifiers = "";          if (!keyname && (evt.altKey || evt.ctrlKey))      keyname = Keymap.keyCodeToPrintableChar[code];          if (keyname) {      if (evt.altKey) modifiers  = "alt_";      if (evt.ctrlKey) modifiers  = "ctrl_";      if (evt.shiftKey) modifiers  = "shift_";     }else{      return;     }    }else if (evt.type == "keypress") {     if (evt.altKey || evt.ctrlKey) return;     if (evt.charCode != undefined && evt.charCode == 0) return;     var code = evt.charCode || evt.keyCode;          keyname=String.fromCharCode(code);     var lowercase = keyname.toLowerCase( );     if (keyname != lowercase) {      keyname = lowercase;    // Use the lowercase form of the name      modifiers = "shift_";   // and add the shift modifier.     }    }        var shortCut = modifiers keyname;    var target = evt.srcElement || evt.target;    var func = map[shortCut];         if(typeof func == "function"){     func(target,shortCut,evt);     if(func.doSysShortCut === false){      switch(brw.name){       case "IE":        evt.returnValue = false;        evt.keyCode = 0;        break;       case "Firefox":        evt.preventDefault();        break;       case "Opera":        evt.returnValue = false;        evt.preventDefault();        break;       case "Safari":        evt.preventDefault();        evt.returnValue = false;        //for(o in evt)        // document.write(o," ",typeof(eval("evt."   o))," = ",eval("evt."   o),"<br />");      }     }    }        //return false;   }  }  JShortCut.KEYS = {      48:"0", 49:"1", 50:"2", 51:"3", 52:"4", 53:"5", 54:"6", 55:"7", 56:"8",      57:"9", 59:";", 61:"=", 65:"a", 66:"b", 67:"c", 68:"d",      69:"e", 70:"f", 71:"g", 72:"h", 73:"i", 74:"j", 75:"k", 76:"l", 77:"m",      78:"n", 79:"o", 80:"p", 81:"q", 82:"r", 83:"s", 84:"t", 85:"u", 86:"v",      87:"w", 88:"x", 89:"y", 90:"z", 107:" ", 109:"-", 110:".", 188:",",      190:".", 191:"/", 192:"'", 219:"[", 220:"\\", 221:"]", 222:"\"",         8:"backspace",  9:"tab",   13:"return",    19:"pause",  27:"escape",  32:"space",      33:"pageup",  34:"pagedown",  35:"end",     36:"home",   37:"left",   38:"up",      39:"right",  40:"down",   44:"printscreen",   45:"insert",  46:"delete",      112:"f1",   113:"f2",   114:"f3", 115:"f4",  116:"f5",   117:"f6",   118:"f7",      119:"f8",   120:"f9",   121:"f10", 122:"f11",  123:"f12",      144:"numlock",  145:"scrolllock"   };  </script>  </head>  <body>  <div id="aa"></div>  <p>Opera下，不会把系统快捷键给屏蔽掉。<br />    Safari下，如果你按下的是系统快捷键，就不会响应给自定程序。<br />    CTRL S不是safari的快捷键，可以看ctrl s可以响应，ctrl a,ctrl d等，就得不到响应。</p>  <p>function doSys(target,shortCut,evt){<br />    document.getElementById("aa").innerHTML = shortCut;<br />    }</p>  <p>var sc = new JShortCut();<br />    sc.bind("ctrl_a",doSys,false);<br />    sc.bind("ctrl_n",doSys,false);<br />    sc.bind("ctrl_p",doSys,false);<br />    sc.bind("ctrl_o",doSys,false);<br />    sc.bind("ctrl_s",doSys,false);<br />    sc.bind("ctrl_w",doSys,false);<br />    sc.bind("alt_f4",doSys,false);<br />    sc.bind("ctrl_f",doSys,false);<br />    sc.bind("ctrl_y",doSys,false);<br />    sc.bind("f1",doSys,false);<br />    sc.bind("f5",doSys,false);<br />    sc.bind("a",doSys);<br />    sc.listen(document);</p>  </body>  </html>  <script language="javascript" type="text/javascript">  function doSys(target,shortCut,evt){   document.getElementById("aa").innerHTML = shortCut;  }  var sc = new JShortCut();  sc.bind("ctrl_a",doSys,false);  sc.bind("ctrl_n",doSys,false);  sc.bind("ctrl_p",doSys,false);  sc.bind("ctrl_o",doSys,false);  sc.bind("ctrl_s",doSys,false);  sc.bind("ctrl_w",doSys,false);  sc.bind("alt_f4",doSys,false);  sc.bind("ctrl_f",doSys,false);  sc.bind("ctrl_y",doSys,false);  sc.bind("f1",doSys,false);  sc.bind("f5",doSys,false);  sc.bind("a",doSys);  sc.listen(document);  </script>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
c#系统热键(快捷键)实现方法与代码
 js 禁止文本框输入空格的代码
 js禁止右键和复制功能的代码示例
 js去掉空格的代码
 文本框禁用右键、复制、粘贴等功能的js代码
 phpcms v9 get标签调用自定义模型热门内容
 js屏蔽默认快捷键调用自定义事件的代码
 基于jquery自定义图片热区效果
 jquery HotKeys轻松搞定键盘事件代码
 js 绑定键盘鼠标事件的代码

上一篇：怎么让select为必选项下一篇：上下滚动

[关闭]

js定义热键代码

最近更新

浏览排行