vue组合快捷键

最新推荐文章于 2024-05-15 18:57:48 发布

p g one

最新推荐文章于 2024-05-15 18:57:48 发布

阅读量911

点赞数

分类专栏： vue 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/weixin_47711357/article/details/126163336

版权

vue 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

vue组合快捷键

mounted（）{
	//监听键盘
	document.removeEventListener('keydown',this.keydownfun);
}

methods:{
	keydownfun(e){
		if(e.keyCode=='116'){
			return false;
		}
		// console.log(e.srcElement)
		if(e.srcElement.nodeName=="INPUT" || e.srcElement.nodeName == "TEXTAREA"){
			if(e.srcElement.type){
				if(e.srcElement.type!='checkbox' && e.srcElement.type!='radio'){
					return false;
				}
			}else{
				return false;
			} 
		}
		if(e.srcElement.nodeName=='DIV'){
			let ids=e.srcElement.id;
			if(ids && ids=="textdivakaaka"){
				return false;
			}
		}
		if(e.srcElement.id=="textdivakaaka"){
			e.preventDefault();
			return false;
		}
		let jsonarrakaaka=[
			{actions:'上一条报文',shortcut:'↑'},
			{actions:'下一条报文',shortcut:'↓'},
			{actions:'抄报',shortcut:'Enter'},
			{actions:'抄报保存',shortcut:'Enter+s'},
			{actions:'批注',shortcut:'Shift+enter'},
			{actions:'报文导出',shortcut:'ctrl+alt+S'},
			{actions:'报文下载',shortcut:'ctrl+shift+S'},
			{actions:'快进',shortcut:'→'},
			{actions:'快退',shortcut:'←'},
			{actions:'图片放大',shortcut:'ctrl++'},
			{actions:'图片缩小',shortcut:'ctrl+-'},
			{actions:'图片翻转',shortcut:'ctrl+p'},
			{actions:'简繁切换',shortcut:'ctrl+alt+shift'},
		];
		let jsonarr=this.jsonarrakaarr?JSON.parse(this.jsonarrakaarr) : jsonarrakaaka;
		jsonarr.forEach((val) =>{
			if(val.shortcut.indexOf('++')!=-1){
				val.shortcut=val.shortcut.replace('++', '+akaaka');
				val.shortcut=val.shortcut.toLocaleLowerCase().split('+');
				val.shortcut=val.shortcut.join().replace('akaaka','+').split(',');
			}else{
				val.shortcut=val.shortcut.toLocaleLowerCase().split('+');
			}
		})
		let thats=this;
		if(e.keyCode !== 116){
			e.preventDefault();
		}
		
		let keydownar=[];
		if(e.ctrlKey){
			keydownar.push('ctrl');
		}
		if(e.shiftKey){
			keydownar.push('shift');
		}
		if(e.altKey){
			keydownar.push('alt');
		}
		for(let i=0;i<keydownarr6.length;i++){
			if(keydownarr6[i].keyCode==e.keyCode){
				keydownar.push(keydownarr6[i].name);
			}
		}
		console.log(keydownar)
		var clicktag = 0;
		for(let q=0;q<jsonarr.length;q++){
			if(thats.isEqual(jsonarr[q].shortcut,keydownar)){
				console.log('执行了什么操作',jsonarr[q].actions);
				if(jsonarr[q].actions){
					if (clicktag == 0) {
					   if(jsonarr[q].actions=="报文导出"){
					   	thats.BwdownloadvisiblehandleOk();
					   }else if(jsonarr[q].actions=="报文下载"){
					   	thats.DBdownload();
					   }else{
						   clicktag = 1;
						   thats.keywodnNum=thats.keywodnNum+1;
						   thats.keywodnState=jsonarr[q].actions+'aka'+thats.keywodnNum;
					   }
					   setTimeout(function () { clicktag = 0 }, 5000);
				    }else{
						// console.log('请勿频繁点击！');
				    }
					
				}
			}
		}
	}
}