[問題] 遮罩套件?

看板Ajax作者 (大嘴先生)時間11年前 (2014/11/14 11:46), 編輯推噓7(7020)
留言27則, 6人參與, 最新討論串1/1
目前需要一個功能 記得以前在板上有看過板友討論過 就是做一個遮罩將整個畫面遮住....但需要在該遮罩上挖出好幾個洞 也就是說"除了指定的幾個區塊以外的其他地方禁止使用者點擊"的功能 這裡面要自己硬幹的話感覺超麻煩 不知道有沒現成的工具可以用的? 我英文不好不知道google的話關鍵字該怎麼下 XD -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.115.198.241 ※ 文章網址: http://www.ptt.cc/bbs/Ajax/M.1415936783.A.7F3.html

11/14 13:04, , 1F
關鍵字:block screen javascript
11/14 13:04, 1F

11/14 13:23, , 2F
主要需求是要能挖洞....
11/14 13:23, 2F

11/14 13:30, , 3F
實作上其實就是拿好幾塊遮罩把洞以外的地方遮起來
11/14 13:30, 3F

11/14 13:31, , 4F
我的困難點在於....同時間會有好幾塊洞位置不定的洞
11/14 13:31, 4F

11/14 13:31, , 5F
這邊自己刻計算function光想就超麻煩....
11/14 13:31, 5F

11/14 13:33, , 6F
為何要這樣的功能?
11/14 13:33, 6F

11/14 13:37, , 7F
客戶希望在編輯某些東西的時候不能使用所有其他功能
11/14 13:37, 7F

11/14 13:38, , 8F
但又不想用modal dialog, 因為需要參考畫面上其他資料
11/14 13:38, 8F

11/14 15:20, , 9F
z-index ?
11/14 15:20, 9F

11/14 16:08, , 10F
有洞的地方可能並非單一dom結點 而是分屬不同dom的不
11/14 16:08, 10F

11/14 16:08, , 11F
同部份....所以不能簡單的抓出來蓋在block上
11/14 16:08, 11F

11/14 16:28, , 12F
用jQuery BlockUI 反向Block編輯中的元素以外的元素如何
11/14 16:28, 12F

11/14 16:30, , 13F
用 :not(Selector)
11/14 16:30, 13F

11/14 16:30, , 14F
沒試過,我猜可以這樣用
11/14 16:30, 14F

11/14 16:36, , 15F
不過這樣一來不知道是不是會重覆覆蓋
11/14 16:36, 15F

11/14 17:01, , 16F
這會產生太多block吧....|||||
11/14 17:01, 16F

11/14 17:01, , 17F
雖然可能是一個方法....
11/14 17:01, 17F

11/14 17:03, , 18F
我覺得這至少比自己去算哪些區要覆蓋來的確實XD
11/14 17:03, 18F

11/14 19:41, , 19F
其他東西enable = false不行嗎= =
11/14 19:41, 19F

11/14 19:41, , 20F
欸..優該是disable = true
11/14 19:41, 20F

11/14 20:00, , 21F
連結也不能點啊 還有諸多事件不是靠disabled能解決的
11/14 20:00, 21F

11/14 20:00, , 22F
還有這樣沒有畫面示意來得明顯 使用者會以為網站出錯
11/14 20:00, 22F

11/14 20:08, , 23F
把pointer加上禁止標示阿,使用者就會明確知道不能點了
11/14 20:08, 23F

11/14 20:17, , 24F
那也太多了 而且日後難維護(萬一日後又加了新功能呢)
11/14 20:17, 24F

11/15 03:38, , 25F
上面提到z-index的方法也可以試試
11/15 03:38, 25F

11/15 05:44, , 26F
pointer-event + :not(Selector) 的組合呢?
11/15 05:44, 26F

11/15 05:44, , 27F
雖然說pointer-event在ie上不能用...
11/15 05:44, 27F
文章代碼(AID): #1KPNiFVp (Ajax)
文章代碼(AID): #1KPNiFVp (Ajax)