主页 / 问题 / 1225066
Accepted
Krovorgen
Asked:2021-12-29 01:54:58 +0000 UTC2021-12-29 01:54:58 +0000 UTC

如何将表情符号添加到输入字段

  • 772

        <a href="">&#128512;</a>
        <a href="">&#128517;</a>
        <a href="">&#128554;</a>
        <a href="">&#129397;</a>
        <form name="form1" method="post" action="">
            <input type="text" name="textfield">
        </form>

如何实现工作，以便当我单击链接（微笑）时，将其添加到输入字段（输入）。如果有更好的方法来实现它，我很高兴听到你的想法！

html

1 个回答

  1. Best Answer

    这是一个或多或少的通用代码：

    对于每个笑脸，我添加了自己的属性my-data-smile，其中包含笑脸的代码

    鼠标单击事件挂在整个窗口上，以跟踪对所需表情的单击（按类名）

    然后我们获取属性的值并将其插入到字段中

    window.addEventListener('click', function(event){
  if (event.target.classList.contains('smile'))
  {
    let edit = document.querySelector('.edit');
    edit.value += event.target.attributes['my-data-smile'].value;
  }
});
    .smile {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  cursor: pointer;
}
    <div class = 'smile' my-data-smile = '&#128512;'>&#128512;</div>
<div class = 'smile' my-data-smile = '&#128517;'>&#128517;</div>
<div class = 'smile' my-data-smile = '&#128554;'>&#128554;</div>
<div class = 'smile' my-data-smile = '&#129397;'>&#129397;</div>

<form name="form1" method="post" action="">
  <input type="text" name="textfield" class = 'edit'>
</form>

    附言

    我只是在文本的末尾添加了一个，但是为了好的，有必要添加到光标的位置（如果是的话）-这是作者自己完成的

    • 1

相关问题