主页 / 问题 / 1254652
Accepted
HedgeHog
Asked:2022-03-12 02:20:09 +0000 UTC2022-03-12 02:20:09 +0000 UTC

使用js更改值时更改事件未触发

  • 772

当页面加载时，我从cookies中设置输入值：

 $( document ).ready(function() {
     $("#user-id").val(getCookie("user_id"));
 });

但在这种情况下，更改事件根本不会触发：

$("#user-id").change(function() {
    console.log("Triggered");
}

如何解决这个问题？使用 jquery 3.3.1 版本。

javascript

2 个回答

  1. Best Answer

    jQuery 有一个触发事件的.trigger()方法：

    $(document).ready(function() {
  $("#user-id").val(111).trigger("change");
});

$("#user-id").change(function() {
  console.log("Triggered");
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input id="user-id">

    没有触发器，你可以在那里和那里调用函数：

    $(document).ready(function() {
  $("#user-id").val(111);
  myFunction();
});

$("#user-id").change(myFunction);

function myFunction() {
  console.log("Triggered");
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input id="user-id">

    • 2

  2. 该事件确实有效。但也许你需要一个活动input？

    $( document ).ready(function() {
  $("#user-id").val(1111);
});


$("#user-id").on('input', function() {
    console.log("Triggered");
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<input type="text" id="user-id" value="" />

    如果我理解正确的话：D

    • 1

相关问题