//生成表情

window.onload = function() {var face = document.getElementById(‘face‘);for(var i = 0; i < 38; i++) {var a = document.createElement("a");

a.href= "javascript:;";if(i < 10) {

a.innerHTML= ‘‘;

}else{

a.innerHTML= ‘‘;

}

face.appendChild(a);

};

}//點擊插入表情

setTimeout(function() {var pickers = face.getElementsByTagName(‘a‘);var emojiInput = document.getElementById(‘emojiInput‘);for(var i = 0; i < pickers.length; i++) {

pickers[i].οnclick= function(e) {document.getElementById(‘emojiInput‘).focus();

insertHtmlAtCaret(this.innerHTML);//emojiInput.innerHTML+=this.innerHTML;

}

}functioninsertHtmlAtCaret(html) {varsel, range;if(window.getSelection) {//IE9 and non-IE

sel =window.getSelection();if(sel.getRangeAt &&sel.rangeCount) {

range= sel.getRangeAt(0);

range.deleteContents();//Range.createContextualFragment() would be useful here but is

//non-standard and not supported in all browsers (IE9, for one)

var el = document.createElement("div");

el.innerHTML=html;var frag =document.createDocumentFragment(),

node, lastNode;while((node =el.firstChild)) {

lastNode=frag.appendChild(node);

}

range.insertNode(frag);//Preserve the selection

if(lastNode) {

range=range.cloneRange();

range.setStartAfter(lastNode);

range.collapse(true);

sel.removeAllRanges();

sel.addRange(range);

}

}

}else if(document.selection && document.selection.type != "Control") {//IE < 9

document.selection.createRange().pasteHTML(html);

}

}

},500);

總結

以上是生活随笔為你收集整理的html表情选择器,原生JS写的emoji表情选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。