vue組合快捷鍵

mounted（）{//監(jiān)聽鍵盤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:'報文導(dǎo)出',shortcut:'ctrl+alt+S'},{actions:'報文下載',shortcut:'ctrl+shift+S'},{actions:'快進(jìn)',shortcut:'→'},{actions:'快退',shortcut:'←'},{actions:'圖片放大',shortcut:'ctrl++'},{actions:'圖片縮小',shortcut:'ctrl+-'},{actions:'圖片翻轉(zhuǎn)',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('執(zhí)行了什么操作',jsonarr[q].actions);if(jsonarr[q].actions){if (clicktag == 0) {if(jsonarr[q].actions=="報文導(dǎo)出"){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('請勿頻繁點擊！');}}}}} }

總結(jié)

以上是生活随笔為你收集整理的vue组合快捷键的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。