单击时将表情符号添加到输入字段

时间:2018-03-08 12:44:33

标签: jquery html

我试图在单击时将表情符号插入到名为#usermsg的输入字段中。

表情符号未显示在输入字段中。

我已将.clone()添加到jQuery函数中,以便在单击时表情符号不会消失。

enter image description here

HTML表情符号:

<a id="smiley" title="smiley" href="#" >&#128515;</a>

HTML输入字段:

<input name="usermsg" type="text" id="usermsg"/>

jQuery函数:

//Add emoji when clicked
$("#smiley").click(function(){
    $('#smiley').clone().append('#usermsg');
  });

我尝试在.val();之后添加.append('#usermsg');但是这对我来说仍然不起作用。

如果有人能引导我朝着正确的方向前进。

谢谢。

1 个答案:

答案 0 :(得分:0)

在@guradio和@Alexis的帮助下回答

变化:

$('#smiley').clone().append('#usermsg');

要:

$('#usermsg').val($('#usermsg').val() + $('#smiley').html());