有没有办法将多个事件添加到 $(“body”）.on(） 中，以便在更改列表或单击按钮时工作

is there a way to add multiple events to the $("body").on() to work when a list is changed or a button is clicked

本文关键字：列表 工作 按钮 单击 on 事件 添加 有没有 body      更新时间：2023-09-26

我有以下脚本：-

$(document).ready(function () {
    $("body").on('change', '#FilterSize1,#FilterSize2', function () {

更改filterSize1或FilerSize2时将触发相关函数的位置。 现在我想修改上面的内容以允许在单击按钮时触发相同的函数？ 那么，如果$("body").on允许定义多个事件（更改列表或单击按钮时？？

只需命名函数即可。

虽然你可以有.on("change click",function() - 当你有变化的东西和你点击的东西时，它看起来很奇怪。例如，如果单击选择，则无论更改如何，都将执行函数。它也确实使它更具可读性。

function something() {}
$(document).ready(function () {
  $("body").on('change', '#FilterSize1,#FilterSize2', something);
  $("body").on('click', '#button,#button1', something);
});

在更整洁的地方：

$(document).ready(function () {
  $("body").on('change', '#FilterSize1,#FilterSize2', something)
           .on('click', '#button,#button1', something);
});

使用多个空格分隔的事件

$("body").on('change click', .......

如果您想要不同的处理程序，那么

$("body").on({'click': function(){ .... }, 'change' : function(){..........},'selector')

对于单独元素的绑定事件，应使用不同的选择器绑定两次

$("body").on('click','selector1',handler).on('change','selector2',handler)
相关文章：