如何在动态创建的输入上绑定onchange事件？(无jquery)

在动态创建的输入上绑定onchange事件的方法是通过addEventListener()函数来实现。addEventListener()函数可以为指定的元素添加事件监听器，以便在事件触发时执行相应的操作。

具体步骤如下：

首先，获取到需要绑定事件的输入元素。可以通过document.createElement()函数动态创建输入元素，或者通过document.getElementById()、document.querySelector()等函数获取已存在的输入元素。
使用addEventListener()函数为输入元素添加事件监听器。该函数接受三个参数：事件类型、事件处理函数、是否在捕获阶段触发（可选，默认为false）。
在事件处理函数中编写相应的操作逻辑。例如，可以通过event.target.value获取输入框的值，并进行相应的处理。

以下是一个示例代码：

// 创建输入元素
var input = document.createElement("input");
input.type = "text";

// 绑定onchange事件
input.addEventListener("change", function(event) {
  var value = event.target.value;
  // 执行相应的操作逻辑
  console.log("输入框的值为：" + value);
});

// 将输入元素添加到页面中
document.body.appendChild(input);

在上述示例中，我们通过createElement()函数创建了一个文本输入框，并使用addEventListener()函数为其绑定了一个change事件。在事件处理函数中，我们通过event.target.value获取输入框的值，并将其打印到控制台上。

对于不同类型的输入元素，可以绑定不同的事件，例如对于复选框可以使用change事件，对于下拉列表可以使用change事件，对于文本框可以使用input事件等。

腾讯云相关产品和产品介绍链接地址：