Vue 該如何更聰明的監控 (watch) 剪貼簿內容？ - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0

Vue 該如何更聰明的監控 (watch) 剪貼簿內容？

vue clipboardjs 剪貼簿 watch

rchin 2019-12-30 11:52:25 ‧ 1624 瀏覽

分享至

目前用了一個很笨的方式來每秒監控剪貼簿內容
程式有引用 clipboardjs

  created() {
    this.scanCopy();
  },
  methods: {
    scanCopy() {
      setInterval(() => {
        this.copyText = clipboard.readText()
      }, 1000);
    }
  },
  watch: {
    copyText: function () {
      // 剪貼簿變化後，要執行的內容
      
    },
  },

複製這個指令是由使用者下的，但我不曉得使用者何時會下此指令
這樣寫的確可以達成功能，但有點蠢...

補充一下：因為不會在當前的網頁/App執行複製功能，會 focus 在其它視窗，所以抓 Control + C 的這個 KeyCode 組合可能不適用

想請問有更好的寫法嗎？

froce iT邦大師 1 級 ‧ 2019-12-30 11:55:27 檢舉

> 因為不會在當前的網頁/App執行複製功能，會 focus 在其它視窗

所以你要抓system wide的clipboard event？
那你寫的可能已經是最佳解了。

rchin iT邦新手 5 級 ‧ 2019-12-30 17:08:46 檢舉

@froce 是的！我這隻 Vue 程式會在背景執行，會一直抓系統剪貼簿的內容
那我瞭解了！先這樣試試看，感謝回覆

登入發表討論

熱門推薦

{{ item.subject }}

{{ item.channelVendor }} | {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友回答

立即登入回答

參賽組數

902 組

團體組數

37 組

累計文章數

19796 篇

完賽人數

529 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react

IT邦幫忙