??????公司要上活動,各種細小的功能就苦了我們這些苦逼的程序員。臨上線前一星期,突然傳來兩份需求,要根據(jù)設計圖進行編碼實現(xiàn),問題是設計圖都還沒開始做,巧婦難為無米之炊啊!!!
??????設計圖終于出來了,可是距離上線日期已經(jīng)剩了三天~~~~~~
??????三天啊~~~~~~
??????麻蛋!小爺我也是拼了~~~
??????終于拿到切圖,開搞頁面,配置js、css;基礎樣式放好,啟動本地服務,OK頁面還能看,先湊活湊活實現(xiàn)功能---領取優(yōu)惠碼。判斷用戶狀態(tài)和領取邏輯代碼隨手一甩完成,可是這時腦袋靈光一閃,申請突然一愣,麻蛋的,移動頁面光給個兌換碼,用戶怎么拿去用,這里需要一個點擊復制。窩草,一個坑~~~
??????于是,翻資料,查百度,問各種同事前輩~~~
??????還是無解,一個簡單的點擊復制,安卓上實現(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這是有多少坑啊!
??????上線前的兩天,又一次拿到新版修改設計,加班搞,加班測,終于全搞定,一看還有三四個小時,果斷休息。可惜,強迫癥啊,點擊復制完不成,估計是得生不如死的感覺。于是乎,繼續(xù)眾里尋他千百度,驀然回首,尼瑪,還是沒找到解決辦法。
??????突然想起了一個庫clipboard,百度一下,結果有說可以實現(xiàn)移動端點擊復制,也有說實現(xiàn)不了的,這尼瑪還是自己弄一邊試試吧!
??????SO?開搞!
??????下載zip,引庫,下dome,仿代碼~~~
最終成型,代碼如下:
HTML:
JS:
至此,點擊復制兼容安卓和IOS的程序,圓滿完成!!!