[問題] 遮罩套件?

[mrbigmouth (大嘴先生)]

目前需要一個功能
記得以前在板上有看過板友討論過

就是做一個遮罩將整個畫面遮住....但需要在該遮罩上挖出好幾個洞
也就是說"除了指定的幾個區塊以外的其他地方禁止使用者點擊"的功能
這裡面要自己硬幹的話感覺超麻煩
不知道有沒現成的工具可以用的?

我英文不好不知道google的話關鍵字該怎麼下 XD

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.115.198.241
※ 文章網址: http://www.ptt.cc/bbs/Ajax/M.1415936783.A.7F3.html
→ Ammenze: 關鍵字:block screen javascript
→ mrbigmouth: 主要需求是要能挖洞....
→ mrbigmouth: 實作上其實就是拿好幾塊遮罩把洞以外的地方遮起來
→ mrbigmouth: 我的困難點在於....同時間會有好幾塊洞位置不定的洞
→ mrbigmouth: 這邊自己刻計算function光想就超麻煩....
推 GoalBased: 為何要這樣的功能?
→ mrbigmouth: 客戶希望在編輯某些東西的時候不能使用所有其他功能
→ mrbigmouth: 但又不想用modal dialog, 因為需要參考畫面上其他資料
推 alpe: z-index ?
→ mrbigmouth: 有洞的地方可能並非單一dom結點  而是分屬不同dom的不
→ mrbigmouth: 同部份....所以不能簡單的抓出來蓋在block上
推 Peruheru: 用jQuery BlockUI 反向Block編輯中的元素以外的元素如何
→ Peruheru: 用 :not(Selector)
→ Peruheru: 沒試過，我猜可以這樣用
推 Peruheru: 不過這樣一來不知道是不是會重覆覆蓋
→ mrbigmouth: 這會產生太多block吧....|||||
→ mrbigmouth: 雖然可能是一個方法....
推 Peruheru: 我覺得這至少比自己去算哪些區要覆蓋來的確實XD
推 GoalBased: 其他東西enable = false不行嗎= =
→ GoalBased: 欸..優該是disable = true
→ mrbigmouth: 連結也不能點啊  還有諸多事件不是靠disabled能解決的
→ mrbigmouth: 還有這樣沒有畫面示意來得明顯  使用者會以為網站出錯
→ mmis1000: 把pointer加上禁止標示阿，使用者就會明確知道不能點了
→ mrbigmouth: 那也太多了  而且日後難維護(萬一日後又加了新功能呢)
推 GoalBased: 上面提到z-index的方法也可以試試
→ mmis1000: pointer-event + :not(Selector) 的組合呢？
→ mmis1000: 雖然說pointer-event在ie上不能用...