[問題] 遮罩套件? mrbigmouth PTT批踢踢實業坊

作者: mrbigmouth (大嘴先生) 2014-11-14 11:46:20

目前需要一個功能
記得以前在板上有看過板友討論過
就是做一個遮罩將整個畫面遮住....但需要在該遮罩上挖出好幾個洞
也就是說"除了指定的幾個區塊以外的其他地方禁止使用者點擊"的功能
這裡面要自己硬幹的話感覺超麻煩
不知道有沒現成的工具可以用的?
我英文不好不知道google的話關鍵字該怎麼下 XD

作者: Ammenze (藍天白雲) 2014-11-14 13:04:00

關鍵字:block screen javascript

作者: mrbigmouth (大嘴先生) 2014-11-14 13:23:00

主要需求是要能挖洞....實作上其實就是拿好幾塊遮罩把洞以外的地方遮起來我的困難點在於....同時間會有好幾塊洞位置不定的洞這邊自己刻計算function光想就超麻煩....

作者: GoalBased (Artificail Intelligence) 2014-11-14 13:33:00

為何要這樣的功能?

作者: mrbigmouth (大嘴先生) 2014-11-14 13:37:00

客戶希望在編輯某些東西的時候不能使用所有其他功能但又不想用modal dialog, 因為需要參考畫面上其他資料

作者: alpe (薛丁格的貓) 2014-11-14 15:20:00

z-index ?

作者: mrbigmouth (大嘴先生) 2014-11-14 16:08:00

有洞的地方可能並非單一dom結點而是分屬不同dom的不同部份....所以不能簡單的抓出來蓋在block上

作者: Peruheru (還在想) 2014-11-14 16:28:00

用jQuery BlockUI 反向Block編輯中的元素以外的元素如何用 :not(Selector)沒試過，我猜可以這樣用不過這樣一來不知道是不是會重覆覆蓋

作者: mrbigmouth (大嘴先生) 2014-11-14 17:01:00

這會產生太多block吧....|||||雖然可能是一個方法....

作者: Peruheru (還在想) 2014-11-14 17:03:00

我覺得這至少比自己去算哪些區要覆蓋來的確實XD

作者: GoalBased (Artificail Intelligence) 2014-11-14 19:41:00

其他東西enable = false不行嗎= =欸..優該是disable = true

作者: mrbigmouth (大嘴先生) 2014-11-14 20:00:00

連結也不能點啊還有諸多事件不是靠disabled能解決的還有這樣沒有畫面示意來得明顯使用者會以為網站出錯

作者: mmis1000 (秋月戀楓) 2014-11-14 20:08:00

把pointer加上禁止標示阿，使用者就會明確知道不能點了

作者: mrbigmouth (大嘴先生) 2014-11-14 20:17:00

那也太多了而且日後難維護(萬一日後又加了新功能呢)

作者: GoalBased (Artificail Intelligence) 2014-11-15 03:38:00

上面提到z-index的方法也可以試試

作者: mmis1000 (秋月戀楓) 2014-11-15 05:44:00

pointer-event + :not(Selector) 的組合呢？雖然說pointer-event在ie上不能用...

繼續閱讀