我想實(shí)現(xiàn)右鍵功能,像qq這樣,右鍵點(diǎn)擊圖片時,圖片被選中,并通過css focus顯示選中效果,如下圖我想通過模擬click事件去觸發(fā)這個效果,使得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() // 或者這個方法 // e.target.dispatchEvent(new MouseEvent('click', { 'bubbles': true })) this.showMenu() // 其他一系列操作 }如果直接用dispathEvent('click'), 能先獲取焦點(diǎn),再顯示右鍵,但是會報(bào)錯求大神們解救,萬分感謝!
在contextmenu右鍵事件上js模擬觸發(fā)click,希望通過click事件獲取焦點(diǎn)
郎朗坤
2019-03-15 15:15:22