作者mrbigmouth (大嘴先生)
看板Ajax
標題[問題] 遮罩套件?
時間Fri Nov 14 11:46:20 2014
目前需要一個功能
記得以前在板上有看過板友討論過
就是做一個遮罩將整個畫面遮住....但需要在該遮罩上挖出好幾個洞
也就是說"除了指定的幾個區塊以外的其他地方禁止使用者點擊"的功能
這裡面要自己硬幹的話感覺超麻煩
不知道有沒現成的工具可以用的?
我英文不好不知道google的話關鍵字該怎麼下 XD
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.115.198.241
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Ajax/M.1415936783.A.7F3.html
1F:→ Ammenze: 關鍵字:block screen javascript 11/14 13:04
2F:→ mrbigmouth: 主要需求是要能挖洞.... 11/14 13:23
3F:→ mrbigmouth: 實作上其實就是拿好幾塊遮罩把洞以外的地方遮起來 11/14 13:30
4F:→ mrbigmouth: 我的困難點在於....同時間會有好幾塊洞位置不定的洞 11/14 13:31
5F:→ mrbigmouth: 這邊自己刻計算function光想就超麻煩.... 11/14 13:31
6F:推 GoalBased: 為何要這樣的功能? 11/14 13:33
7F:→ mrbigmouth: 客戶希望在編輯某些東西的時候不能使用所有其他功能 11/14 13:37
8F:→ mrbigmouth: 但又不想用modal dialog, 因為需要參考畫面上其他資料 11/14 13:38
9F:推 alpe: z-index ? 11/14 15:20
10F:→ mrbigmouth: 有洞的地方可能並非單一dom結點 而是分屬不同dom的不 11/14 16:08
11F:→ mrbigmouth: 同部份....所以不能簡單的抓出來蓋在block上 11/14 16:08
12F:推 Peruheru: 用jQuery BlockUI 反向Block編輯中的元素以外的元素如何 11/14 16:28
13F:→ Peruheru: 用 :not(Selector) 11/14 16:30
14F:→ Peruheru: 沒試過,我猜可以這樣用 11/14 16:30
15F:推 Peruheru: 不過這樣一來不知道是不是會重覆覆蓋 11/14 16:36
16F:→ mrbigmouth: 這會產生太多block吧....||||| 11/14 17:01
17F:→ mrbigmouth: 雖然可能是一個方法.... 11/14 17:01
18F:推 Peruheru: 我覺得這至少比自己去算哪些區要覆蓋來的確實XD 11/14 17:03
19F:推 GoalBased: 其他東西enable = false不行嗎= = 11/14 19:41
20F:→ GoalBased: 欸..優該是disable = true 11/14 19:41
21F:→ mrbigmouth: 連結也不能點啊 還有諸多事件不是靠disabled能解決的 11/14 20:00
22F:→ mrbigmouth: 還有這樣沒有畫面示意來得明顯 使用者會以為網站出錯 11/14 20:00
23F:→ mmis1000: 把pointer加上禁止標示阿,使用者就會明確知道不能點了 11/14 20:08
24F:→ mrbigmouth: 那也太多了 而且日後難維護(萬一日後又加了新功能呢) 11/14 20:17
25F:推 GoalBased: 上面提到z-index的方法也可以試試 11/15 03:38
26F:→ mmis1000: pointer-event + :not(Selector) 的組合呢? 11/15 05:44
27F:→ mmis1000: 雖然說pointer-event在ie上不能用... 11/15 05:44