#80·ui

表单内的变更事件问题

作者: lashisu创建于 2018年8月30日更新于 2023年8月14日
标签bugbootstrap-4

前提条件

添加以下代码以查看意外的行为 $(document).on('change', '.form-control', function(){ console.log(1); });

预期行为

添加以下代码后,预期行为是每次值更改时都会在控制台上显示(change 事件)。 $(document).on('change', '.form-control', function(){ console.log(1); });

当前行为

但是,即使没有值更改,也会在元素聚焦时在控制台上显示无限次的日志。这在每个元素(如文本框、文本域、单选按钮、复选框和每个元素)内都会发生,这些元素都与 "change" 事件绑定在一个表单中。 $(document).on('change', '.form-control', function(){ console.log(1); });

失败信息(用于错误)

在添加与表单元素绑定的 "change" 更改事件时,会导致问题。仅仅聚焦到元素时,事件就会无限次触发。在没有表单标签的情况下,它运行正常。

内容来源: creativetimofficial/ui