在contextmenu右鍵事件上js模擬觸發(fā)click，希望通過(guò)click事件獲取焦點(diǎn)，但現(xiàn)象是執(zhí)行右鍵選擇完才獲取焦點(diǎn)

我想實(shí)現(xiàn)右鍵功能，像qq這樣，右鍵點(diǎn)擊圖片時(shí)，圖片被選中，并通過(guò)css focus顯示選中效果，如下圖

我想通過(guò)模擬click事件去觸發(fā)這個(gè)效果，使得window.selection有選中內(nèi)容,css也能有選中樣式，但不管我是用click(),還是用dispathEvent事件觸發(fā)。實(shí)現(xiàn)效果都是,選擇完右鍵菜單項(xiàng)后，圖片才獲取焦點(diǎn)。
我是vue實(shí)現(xiàn)的，我的代碼是：

// img 標(biāo)簽綁定@contextmenu="rightHandler"
// methods
   rightHandler(e) {
    e.target.click()
    // 或者這個(gè)方法
    // e.target.dispatchEvent(new MouseEvent('click', { 'bubbles': true }))
    this.showMenu() // 其他一系列操作
    }

如果直接用dispathEvent('click'), 能先獲取焦點(diǎn)，再顯示右鍵，但是會(huì)報(bào)錯(cuò)

求大神們解救，萬(wàn)分感謝！