表单内的变更事件问题
作者: 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