Heim >Web-Frontend >js-Tutorial >Verwenden Sie Ersetzen geschickt, um Text-Emoticons durch images_javascript-Fähigkeiten zu ersetzen

Verwenden Sie Ersetzen geschickt, um Text-Emoticons durch images_javascript-Fähigkeiten zu ersetzen

WBOY
WBOYOriginal
2016-05-16 16:52:081968Durchsuche

Ein häufiger Effekt auf Weibo oder in Foren. Wenn Sie ein Emoticon auswählen und in das Textfeld einfügen, wird eine Zeichenfolge ähnlich wie [haha] angezeigt. Im Folgenden finden Sie eine Methode zum Konvertieren der Emoticon-Zeichenfolge in ein Bild-Emoticon

Code kopieren Der Code lautet wie folgt:

abc

Code kopieren Der Code lautet wie folgt:

var face ={'[haha]': '','[sweat]':''} //Vollständige qq-Ausdrücke finden Sie am Ende dieses Artikels

var reg = /[. ?]/g;

var str = '[haha]abc[sweat][Sweat]'; //Hier wird der Wert des erhaltenen Textfelds direkt verwendet.

str = str.replace(reg,function(a,b){

return face[a];

});

document. getElementById('test').innerHTML = str;

qq-Emoticon-Paket und entsprechendes Gesichtsobjekt: http://pan.baidu.com/s/1qWPQbBu
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn