将文本转换为表情符号而不刷新

时间:2016-02-09 15:15:42

标签: jquery html5

我刚刚看到Facebook在其消息传递中提供了一项新功能,即在不重新加载页面的情况下将文本直接转换为笑脸。所以我想使用jquery和html5重现相同的系统。目前我不知道如何创建这个系统,任何想法?

代码用于转换为表情符号:

 var e = $('body');
e.html(
    e.html()
    .replace(/\s:\)/g, " <img src='http://img/img.gif' />")

);

1 个答案:

答案 0 :(得分:1)

您可以使用以下代码:(https://jsfiddle.net/zLj9ckhq

<form method="POST">
 <input id="msg">
 <button type="button">send</button>
</form>

 <script>
  var smilley = {
  ':)': 'imgSrc1',
  ':(': 'imgSrc1',
 };

$('button').click(function(){
  var content = $('#msg').val();
  $.each(smilley, function(key,val) {
    console.log(key)
    content = content.replace(key,val);
 });

 alert(content);
});
</script>