使用JQuery将函数添加到oninput侦听器，而不是直接将其添加到html标签

Question

我正在将范围输入动态地附加到html正文：

var slider = "<input type='range' min='1' max='100' value='50' class='slider' id='slider_1' oninput='f1()'>";
$('body').append(slider);

在每次输入时，函数f1()应该会触发，例如

function f1(){
  console.log('fired');
}

使用上面的代码，每次更改输入时f1()都会触发-正是我想要的。

但是，oninput函数需要一些稍后建立的参数，因此我想像下面这样以编程方式添加它：

$("#slider_1").oninput = f1();

如果我这样做，f1()仅触发一次，而不是每次输入都触发。

这是为什么，我该如何更改？