??????公司要上活動左刽,各種細小的功能就苦了我們這些苦逼的程序員。臨上線前一星期,突然傳來兩份需求,要根據(jù)設(shè)計圖進行編碼實現(xiàn)抽米,問題是設(shè)計圖都還沒開始做标捺,巧婦難為無米之炊啊!A星谩所意!
??????設(shè)計圖終于出來了泄鹏,可是距離上線日期已經(jīng)剩了三天~~~~~~
??????三天啊~~~~~~
??????麻蛋车猬!小爺我也是拼了~~~
??????終于拿到切圖,開搞頁面,配置js承绸、css;基礎(chǔ)樣式放好画饥,啟動本地服務衔彻,OK頁面還能看,先湊活湊活實現(xiàn)功能---領(lǐng)取優(yōu)惠碼。判斷用戶狀態(tài)和領(lǐng)取邏輯代碼隨手一甩完成拯欧,可是這時腦袋靈光一閃,申請突然一愣,麻蛋的,移動頁面光給個兌換碼,用戶怎么拿去用,這里需要一個點擊復制。窩草刃泌,一個坑~~~
??????于是俗扇,翻資料啥酱,查百度绘趋,問各種同事前輩~~~
??????還是無解颤陶,一個簡單的點擊復制,安卓上實現(xiàn)的66的陷遮,跑到IOS手機,就跟個草原似的吧慢,怎么搞都他媽一馬平川逢慌,我也是醉了坠韩。
??????最后,一看時間距離上線已經(jīng)只剩下兩天震鹉,果斷放棄俱笛,改為頁面原本的點擊文字復制,拿到手機上一測传趾,大爺?shù)挠ぃ献佣紦Q了方式還他媽移動不動,這IOS是有多少個坑敖肌磕仅!于是乎,繼續(xù)跑去查資料镊讼,突然發(fā)現(xiàn)一個屬性宽涌,這他媽講的還聽神乎,先拿來試試蝶棋,-webkit-user-select: text 卸亮;往代碼上一貼,添加幾個兼容玩裙;再測兼贸,我靠,還他媽一動不動吃溅,再用安卓溶诞,OK,非常good决侈,我也是醉了螺垢,翻看調(diào)試css信息,眼前一黑,麻蛋的這么一大串的兼容屬性user-select: none枉圃,竟然放在了body里功茴,果斷找到源碼,直接隱藏孽亲,拿來手機在看,MDZZ坎穿,好了,O了返劲。尼瑪玲昧,心里十萬個草擬嗎奔騰的感覺。我也是跪了篮绿。
??????不過總算大功告成孵延,一個安卓和IOS通用的,可供用戶拿到優(yōu)惠碼的程序順利解決亲配。只是隙袁,點擊復制沒實現(xiàn)總是讓人心里有點很不爽。尼瑪弃榨,IOS這是有多少坑捌惺铡!
??????上線前的兩天鲸睛,又一次拿到新版修改設(shè)計娜饵,加班搞,加班測官辈,終于全搞定箱舞,一看還有三四個小時,果斷休息拳亿∏绻桑可惜,強迫癥啊肺魁,點擊復制完不成电湘,估計是得生不如死的感覺。于是乎鹅经,繼續(xù)眾里尋他千百度寂呛,驀然回首,尼瑪瘾晃,還是沒找到解決辦法贷痪。
??????突然想起了一個庫clipboard,百度一下,結(jié)果有說可以實現(xiàn)移動端點擊復制蹦误,也有說實現(xiàn)不了的劫拢,這尼瑪還是自己弄一邊試試吧肉津!
??????SO?開搞舱沧!
??????下載zip阀圾,引庫,下dome狗唉,仿代碼~~~
最終成型,代碼如下:
HTML:
JS:
至此涡真,點擊復制兼容安卓和IOS的程序分俯,圓滿完成!6吡稀缸剪!