时间戳

首页 > 解决方案 > 对输入字段的任何更改调用 jQuery 函数

javascript - 对输入字段的任何更改调用 jQuery 函数

问题描述

我有一个搜索字段。我想在该搜索输入字段的每个或任何更改中调用我的 jQuery 函数。但是，当我在该输入字段中进行更改并单击该字段之外的 jQuery 函数时。

html

<input type="search" id="campiagn_search_id" name="campaign_search" placeholder="Campaign Search">

jQuery

   $(document).ready(function(){
      $(document).on('change', '#campiagn_search_id', function() {
        alert("The text has been changed.");
      });
    });

当我在字段外部键入a并单击时，显示的警报除外。但我想要 while 类型a自动调用 jQuery 函数并显示警报框。

哪里有问题 ？有人帮忙吗？

标签： javascriptjqueryhtml

解决方案

因为您已将事件附加change到input，它会被触发When the element loses focus after its value was changed- https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event。

$(document).ready(function(){
    $('#campiagn_search_id').on('keyup', function() {
        console.log($(this).val());
    });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="search" id="campiagn_search_id" name="campaign_search" placeholder="Campaign Search">

推荐阅读