Question

美好的一天。

使用jQuery动态创建5个div。在输入文本类型Input。

之后创建这些Div

创建这些div后，必须单击其中一个并选取文本，然后在输入文本的输入中添加此文本。

但问题是，当我第一次输入文本时，我对输入进行了FOCUS，所以当我点击我创建的任何div时，会发生以下情况： 1 - 第一次单击，删除FOCUS 2 - 在第二次单击时，它将值发送到输入

你看我必须点击2次，但我只想点击一下就可以了......

$('.tags_add').on("click",".tags_vdd", function(){
    //$("input[name=tags]").trigger("blur");
    //$(".tags_vdd").trigger("click");
    Pegar_dado = $(this).text();
    $('input[name=tags]').val(Pegar_dado);
});

<div class="tags_add">
   <span class="tags_vdd">ccc</span>
   <span class="tags_vdd">CCCCCCCCCCCCCCCCCC</span>
   <span class="tags_vdd">cxcc</span>
   <span class="tags_vdd">cc</span>
   <span class="tags_vdd">cxc</span>
</div>

<input type="text" name="tags" placeholder="Tags" class="tags valid"/>

Answer 1

我无法重现您的问题：JsFiddle

加载页面后，我在输入中输入内容，然后选择一个div，只需单击一下

$('.tags_add').on("click",".tags_vdd", function(){
    Pegar_dado = $(this).text();
    $('input[name=tags]').val(Pegar_dado);
});

删除焦点并单击事件 - Jquery

1 个答案: