原生JS寫的emoji表情選擇器

筆者寫這玩意找過n個表情選擇器，都用到jquery，移動端實在不合適，因為jquery用min都得90k。而且不需要表情轉文字或文字轉表情這種功能。

本文用到的是div輸入框，且選擇表情後是直接往文字內容插入一段html（emoji為svg格式），效果表現是即見即得。

上**html

<

div 
name
="note"
class
="newpost"
id="emojiinput"
contenteditable
="true"
>
div>
<
div 
id="face"
>

css

.emojisvg div.newpost #face

js（如果頁面內有其他onload，ready之類，請把本**放到裡）

//

生成表情
window.onload = function
()  
else};}
//點選插入表情
settimeout(function
()                 }
function
inserthtmlatcaret(html) 
range.insertnode(frag);
//preserve the selection
if(lastnode) }} 
else
if(document.selection && document.selection.type != "control") 
}}, 500);

用JS過濾Emoji表情的輸入

在前端頁面開發過程中，總會碰到不允許輸入框輸入emoji表情的需求，我的思路是通過編碼用正則匹配表情，然後將其替換為空字元創。但是問題也是顯而易見的，完整的編碼集是什麼呢？查閱了官方文件，發現上面並沒有給出想要的答案。並且很多emoji表情除了主編碼還有副編碼 這是我給取的名字 舉個例子 ud83c...

emoji表情的使用

其實就是乙個url 名稱 拼接起來了乙個完整的名稱 export const emojiurl export const emojimap export const emojiname 齜牙 調皮 流汗 偷笑 再見 敲打 擦汗 豬頭 玫瑰 流淚 大哭 噓 酷 抓狂 委屈 便便 炸彈 菜刀 可愛 色 ...

原生 js 寫分頁

這段 是用原生 js 寫的乙個分頁的效果 doctype html html lang en head meta charset utf 8 title document title style ul ul li div ul background style head body div id di...