【Web】小探部分社交網站對回覆他人的處理方式

　　　　原本今天在QQ空間裏想回復別人對個人回覆，可是比爾呢那沒有回覆按鈕，我就打算點回復我，而後修改爲別人的名字。可是發現這個「回覆某某某」是個總體，不能只刪除名字。我很好奇這是什麼構造。看了下源碼，居然是用button，name裏的值存放了QQ號和暱稱，設置onclick爲return false。外面一層也不是我想象中的textarea，而是div，加上了textinput、textarea的class。感受好奇葩。我決定看看其餘網站是怎麼處理的。（測試環境chrome）

 

 

　　　　來到我最信任的google+，他的作法和空間裏同樣，用button和div。並且G+更強化這種用法，不管是點擊回覆他人仍是圈人，都是生成button，不能修改已生成的，只能刪除圈人。瞬間以爲個人HTML都白學了 T_T....太摧毀個人三觀了，懷疑我之前的作法難道都錯了嗎？我以爲在看看別人怎麼寫的。

 

　　　　新浪微博，用的textarea

 

　　　　知乎，用div，因爲是級聯顯示，不帶圈人

 

　　　　豆瓣小組，用戶體驗略差，是跳到底部的回覆框。我不喜歡豆瓣的留言顯示，和不少論壇那樣，把別人的內容一塊兒包裹進來，感受好混亂。

 

　　　　貼吧，div。

 

　　　　騰訊微博，textarea。很鬱悶的是，框內會自動有別人的轉發內容。

 

　　　　不少使用div，而後經過class或其餘屬性告訴JavaScript來讓這裏可編輯。全部用div的站都用了HTML5新屬性contentEditable。我google了一下關於這樣用的緣由。後來我想了一下，可能有幾個緣由：

　　　　1.就至關於給一個元素加上富文本編輯器插件。好比新浪微博是不支持回車換行的，知乎支持。

　　　　2.像G+和QQ空間是用button來圈人的，不該該在texterea里加button，而在div里加button是合理的。

　　　　

　　　　PS：我用IE10測了一貼吧和空間。

　　　　貼吧在IE不論IE10/9/8都是和chrome不同的代碼。用久了chrome，還真不習慣IE，我還真不知道要怎麼審查出那個框，只找到最接近這塊的標籤，顯示'display:none',把我嚇傻了= =。 QQ空間在IE10/9，代碼和chrome下的HTML結構同樣，正常運行，IE8沒法點擊回覆= =。

 

≡≡≡≡≡≡≡≡≡≡≡≡★ From Laker's blog ★≡≡≡≡≡≡≡≡≡≡≡≡

¤　╭⌒╮☀Coding and changing~☀ ╭╭ ⌒╮

✪Fighting and insisting~✪