javascript - 如何将函数设置为事件监听器

标签 javascript dom

<分区>

我有这个函数 displaySelectedUser,所以我想将 displaySelectedUser 设置为 <select></select> 的更改事件监听器仅使用 DOM 选择器 API 的 UI 元素。

这是我试过的代码:

<body>
<div class="select">
      <select class="select-text">
        <option disabled selected>Select User</option>
         <option>user 1</option>
         <option>user 2</option>
      </select>
</div>
<body>
<script>
   const displaySelectedUser = () => {
 //some code...
};
    document.querySelector('select').change = displaySelectedUser;   
  };
</script>

最佳答案

使用 HTML5 选择器 API 试试这个。

 document.querySelector(".select").addEventListener("change", displaySelectedUser)

关于javascript - 如何将函数设置为事件监听器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56012269/

相关文章:

javascript - 查找换行

javascript - 排序指令的 Angular 架构

Javascript 最佳实践——在 DOM 中隐藏元素或生成 DOM 元素

javascript - 初始化状态react,解决页面首次渲染时未定义的问题

javascript - 如何判断 DOM 元素在当前视口(viewport)中是否可见?

javascript - `react-router-dom` 没有渲染任何东西

javascript - 根据窗口宽度添加标题类

JavaScript删除元素函数并继续编号

javascript - 在元素内查找 { 或 } 并用 span 包裹它们

javascript - dojo 克隆事件处理程序