移除焦点并单击event-Jquery

Remove focus and click event - Jquery

本文关键字：单击 event-Jquery 焦点      更新时间：2024-05-07

您好。

使用jQuery动态创建5个div。这些Div是在我输入文本类型Input后创建的。

创建这些div后，必须单击其中一个div并拾取文本，然后将该文本添加到输入文本的输入中。

但问题是，当我第一次键入文本时，我会在输入时给出FOCUS，所以当我点击我创建的任何div时，都会发生以下情况：1-第一次点击，移除焦点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"/>

我无法重现您的问题：JsFiddle

加载页面后，我在输入中键入一些内容，然后我选择一个div，并单击它

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