当前位置: 首页 > 知识库问答 >
问题:

javascript - 请问addEventListener绑定change事件触发后event.target为null呢?

叶书
2024-01-17
const input = document.createElement('input')input.type = 'file'input.accept = '.doc, .docx'input.addEventListener('change', handleFileSelect, false)function handleFileSelect (event) {    console.log(111, event.target) // 这里为什么会为 null 呢?}

共有1个答案

亢建木
2024-01-17
    const input = document.createElement('input')    input.type = 'file'    input.accept = '.doc, .docx'    input.addEventListener('change', handleFileSelect, false)    function handleFileSelect(event) {      console.log(111, event.target) // 这里为什么会为 null 呢?    }// 把input标签追加为body子元素    document.body.appendChild(input);

经过测试,当change事件触发的时候并不是null,而是input标签。

 类似资料:
  • 问题内容: 当我运行以下脚本时,该事件总是在页面加载时触发。我不确定在这里做错了什么,我创建了元素,在DOM中找到它,然后附加了一个侦听器,但是它总是在页面加载时触发事件,而不是在单击元素时触发事件。 问题答案: el.addEventListener(“click”, alert(“clicktrack”), false); 执行此行后,将调用并返回。要传递警报代码,您需要将其包装在一个函数中。

  • 本文向大家介绍element-ui中select组件绑定值改变,触发change事件方法,包括了element-ui中select组件绑定值改变,触发change事件方法的使用技巧和注意事项,需要的朋友参考一下 1.安装vuecli脚手架 2.终端输入 安装element-ui 3.按需引入select组件 在main.js中写入如下代码 HelloWorld.vue代码 拓展知识:element

  • 为什么点击事件函数只能执行一次? const dataArr = [ // 个数添加功能 以上代码我运行的时候,第一次是能执行的,功能也是正常,但是再次点击后没有反应了?也没有报错。 我以为是通过for循环多次绑定事件有问题,但是只对一个标签绑定事件也只能执行一次。 我查询过答案,得到一个类似的答案,说是通过innerHTml实现会让页面重新渲染Dom元素,我的代码也会进行一次数据处理然后重新渲染

  • 关于在物联网场景中使用EventHub的Azure功能,我有几个问题。 EventHub有分区。通常来自特定设备的消息会发送到同一个分区。Azure Function的实例如何分布在EventHub分区中?它是基于性能的吗?如果Azure Function的一个实例设法处理来自所有分区的事件,那么这就足够了,否则每个EventHub分区可能会有一个Azure Function的实例? 读取偏移量呢

  • 问题内容: 我有一个运行正常的更改事件,但需要递归进行。 因此,我有一个在更改时触发的函数,该函数将基于类选择器“更改”其他下拉菜单(注意“ drop downS”,可能有多个)。此代理更改不会触发功能,因此会失败。我如何使它工作? 码 到目前为止,这些建议似乎可行,但是由于change事件触发了ajax发布,因此现在似乎在此处失败。我将尝试使用它,但这是我感到另一个问题的东西。 问题答案: 使用

  • 问题内容: 我正在尝试创建一些放置适当的说明性工具提示,用户可以单击这些提示以了解站点界面的工作方式。每个工具提示都有一个“下一个”链接,可通过修改类(因此更改为CSS)来切换上一个和下一个工具提示的可见性。 这是应该执行此操作的一些简化代码: 当我将此代码粘贴到控制台中时(或在页面加载时)立即调用(并正确切换类)。如果我将替换为,则按预期触发。我究竟做错了什么? 问题答案: 当您绑定事件时,您就