【问题标题】:Adding an emoji to input field when clicked单击时向输入字段添加表情符号
【发布时间】:2018-08-16 19:49:27
【问题描述】:

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

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

我在 jQuery 函数中添加了.clone(),这样表情符号在点击时不会消失。

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');
  });

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

如果有人能引导我走向正确的方向。

谢谢。

【问题讨论】:

  • $('#usermsg').val($('#smiley').html());
  • 这行得通,谢谢。但是,当多次单击时,它只会在输入文本中显示一个表情符号。是否可以每次点击插入一个表情符号?
  • 附加值而不是设置它;)
  • @Alexis 你的意思是 $('#usermsg').append().val($('#smiley').html());它仍然对我有用。
  • @Alexis 感谢您的快速回复,我查看了帖子并让它工作了!

标签: jquery html


【解决方案1】:

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

变化:

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

收件人:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-08-28
    • 2016-01-30
    • 1970-01-01
    • 1970-01-01
    • 2018-08-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多