填充文本框后点击事件答案

【问题标题】：Click event after filling textbox填充文本框后点击事件
【发布时间】：2021-10-26 11:21:35
【问题描述】：

                <div class="row" style="padding-bottom:12px;">
             <div class="col-md-2">
                    <div>Instantie</div>
                </div>
                <div  class="col-md-4" >
                    @Html.TextBoxFor(model => model.Instantie, new { @id = "txtInstantieName", @class = "form-control tt-input", @style = "text-transform:uppercase;" })
                </div>
                <div class="col-md-1"><button type="button" id="InstantieDetailButton">...</button></div>                 
            </div>

我有文本框 txtInstantieName 填充后我想要 Jquery 中 InstantieDetailButton 按钮的单击事件。移除光标或按 Tab 或输入后需要触发点击事件。有人可以帮忙吗？

解决方案工作：

    $(document).ready(function () {
    $("#txtInstantieName").focusout(function () {
        $("#InstantieDetailButton").click();
    });
});

【问题讨论】：

这可能来自 JQuery attach 事件，您使用的是哪个 JQuery 版本？
Rahul 请向我们展示您尝试过的 jQuery。请记住，Stack Overflow 不是编码服务，您需要先尝试一下。

标签： javascript jquery asp.net asp.net-mvc

【解决方案1】：

您必须使用文本框的焦点事件，然后触发按钮事件，如下所示。

$(document).ready(function(){
   $("#txtInstantieName")
  .focusout(function() {
  
   $("#InstantieDetailButton").trigger('click');
  });
 
 $("#InstantieDetailButton").click(function(){
  alert("Button Click Event Fire.");
});
});

【讨论】：

【解决方案2】：

您必须使用focusout JQuery 事件来执行您想要的操作。这应该是这样的：

$( "#texboxId" )
  .focusout(function() {
    console.log('Focus Out Event');
  });

更多详情请阅读Jquery Focusout Event

【讨论】：

使用 focusout 可以正常工作感谢您的帮助