在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/PHP  HTML/ vue中點(diǎn)擊一個(gè)盒子顯示樣式,現(xiàn)在要點(diǎn)擊盒子之外的空白處,讓樣式隱藏,應(yīng)該添加什

vue中點(diǎn)擊一個(gè)盒子顯示樣式,現(xiàn)在要點(diǎn)擊盒子之外的空白處,讓樣式隱藏,應(yīng)該添加什么事件?

vue中點(diǎn)擊一個(gè)盒子顯示樣式,現(xiàn)在要點(diǎn)擊盒子之外的空白處,讓樣式隱藏,應(yīng)該添加什么事件?

回答
編輯回答
卟乖
2017年3月29日 02:03
編輯回答
晚風(fēng)眠

思路:
給文檔添加一個(gè)點(diǎn)擊事件,點(diǎn)擊文檔的時(shí)候,讓樣式隱藏;
給盒子添加一個(gè)點(diǎn)擊事件,點(diǎn)擊盒子的時(shí)候,讓樣式顯示,并且阻止事件的冒泡,這樣就不會(huì)執(zhí)行文檔的點(diǎn)擊事件了。

代碼:

document.addEventListener('click', function (e) {
  // 樣式隱藏操作
}, false)
// 給盒子元素的@click添加.stop修飾符,也就是@click.stop
2018年7月29日 10:17
編輯回答
網(wǎng)妓

獲取鼠標(biāo)點(diǎn)擊的位置,判斷鼠標(biāo)點(diǎn)擊的位置,是否在盒子的區(qū)域內(nèi),在盒子區(qū)域內(nèi),顯示樣式,不在盒子區(qū)域內(nèi)就隱藏

2017年7月26日 05:30