javascript同时按下ctrl其他键触发事件源码下载

当前位置：首页 > 代码实例 > html5 css3代码分类 > bootstrap > javascript同时按下ctrl其他键触发事件源码下载

在实际的电脑操作中，经常需要同时按下ctrl和一个其他指定的键来实现特定的功能，比如ctrl+A和实现全选功能。

下面就介绍一下如何利用javascript实现同时按下ctrl和其他键触发一个事件的功能。

代码如下:

[ bootstrap ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</title> 
<style type="text/css">
#show{
  width:300px;
  line-height:100px;
  background:#CCC;
  font-size:12px;
  text-align:center;
  margin:0px auto;
}
</style>
<script type="text/javascript"> 
window.onload=function(){ 
  HotKeyHandler.Init(); 
} 
var HotKeyHandler={ 
  currentMainKey:null, 
  currentValueKey:null, 
  Init:function(){ 
    HotKeyHandler.Register(0,"K",function(){alert("softwhy.com");}); 
  }, 
  Register:function(tag,value,func){ 
    var MainKey=""; 
    switch(tag){ 
      case 0: 
        MainKey=17; //Ctrl 
        break; 
      case 1: 
        MainKey=16; //Shift 
        break; 
      case 2: 
        MainKey="18"; //Alt 
        break; 
    } 
    document.onkeyup=function(e){ 
      HotKeyHandler.currentMainKey=null; 
    } 
   
    document.onkeydown=function(event){ 
      var keyCode= event.keyCode ; 
      var keyValue = String.fromCharCode(event.keyCode); 
   
      if(HotKeyHandler.currentMainKey!=null){ 
        if(keyValue==value){ 
          HotKeyHandler.currentMainKey=null; 
          if(func!=null)func(); 
        } 
      } 
      if(keyCode==MainKey){
        HotKeyHandler.currentMainKey=keyCode; 
      }
    } 
  } 
} 
</script> 
</head> 
<body> 
<div id="show">按下ctrl和k键触发事件</div> 
</body> 
</html>

代码描述：javascript同时按下ctrl 其他键触发事件。javascript同时按下ctrl其他键触发事件源码下载

下载全部收藏

107 143

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册