簡介

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

用法

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

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

image

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

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

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