JavaScript中，類似mouseEnabled的做法

在寫JavaScript的時候遇到一個問題，筆記一下：

兩個div相疊，
上方的div蓋住底下方的div，
會照成下方div收不到滑鼠事件。

在ActionScript3裡面可以用mouseEnabled解決，
而在JavaScript裡卻沒找到相關屬性(?)。



搜尋了一下，
找到CSS裡有個pointer-events
設成"none"就能達到我的需求。
(JavaScript裡可以寫成這樣 obj.style.pointerEvents = "none";)
(如要取消，就設成"auto")

可惜瀏覽器支援度頗低，
本來規畫在CSS3，但有些狀況所以推遲到CSS4了，
僅Chrome、Firefox、Safari支援，
詳細支援狀況的細節可參考下列網址。
https://developer.mozilla.org/en-US/docs/CSS/pointer-events
http://www.qianduan.net/css3-pointer-event-description.html

好在我目前目標平台有支援這個CSS啊，
但如果以後遇到其他平台就要頭痛了...囧