簡(jiǎn)介

屬性指定在什么情況下 (如果有) 某個(gè)特定的圖形元素可以成為鼠標(biāo)事件的 target

用法

• 穿透當(dāng)前層
  在某個(gè)項(xiàng)目中，很多元素需要定位在一個(gè)地圖層上面，這里就要用到很多絕對(duì)定位或者相對(duì)定位的元素，但是這樣的話，這些浮在上面的div或者其它元素一般都會(huì)給個(gè)寬高，或者relative的元素可以不給寬高，這個(gè)時(shí)候，這些元素就會(huì)蓋
  住下面的地圖層，以至于地圖層無法操作。。。

然后正好在Google map見到了類似的問題，拿來當(dāng)例子來說：

image

Google map中左上角的操作區(qū)域占位是挺大的，如紅色框區(qū)域，然后在這個(gè)區(qū)域是無法操作地圖層的。那么我們就可以給這個(gè)div設(shè)置 pointer-events:none，然后你就會(huì)發(fā)現(xiàn)下面的地圖就可以拖動(dòng)和點(diǎn)擊了。

但是悲劇的是，操作區(qū)域本身卻無法操作了，直接被無視掉了。不過不用擔(dān)心，我們可以給里面的元素重新設(shè)置為 pointer-events:auto，當(dāng)然，只給需要操作的元素區(qū)域設(shè)置。

貌似有點(diǎn)兒糾結(jié)，不過這樣可以保證地圖本身的可操作區(qū)域最大化。