const sel = document.getElementById('pet-select')
sel.addEventListener('beforeinput', () => console.log('beforeinput!'))
sel.addEventListener('input', () => console.log('input!'))

<label for="pet-select">Choose a pet:</label>

<select name="pets" id="pet-select">
    <option value="">--Please choose an option--</option>
    <option value="dog">Dog</option>
    <option value="cat">Cat</option>
    <option value="hamster">Hamster</option>
    <option value="parrot">Parrot</option>
    <option value="spider">Spider</option>
    <option value="goldfish">Goldfish</option>
</select>

addEventListener('input', () => console.log('input!'))
addEventListener('beforeinput', () => console.log('beforeinput!'))

<input type=text placeholder="here it fires"><br>
<input type=checkbox><br>
<input type=radio><br>
<input type=file><br>
<input type=color>

Javascript相关问答推荐

Regex可以 Select 以任何顺序匹配组

Promise.all立即跳到那时，而不是调用所有Promise

如何在ReactJS中修复这种不需要的按钮行为？

React：如何将表格收件箱正确渲染为表格主体内的组件？

具有相同参数的JS类

在贝塞尔曲线的直线上找不到交叉点：(使用@Pomax的bezier.js)

我试图实现用户验证的reduxstore 和操作中出了什么问题？

通过在页面上滚动来移动滚动条

为什么promise对js中的错误有一个奇怪的优先级？

单击ImageListItemBar的IconButton后，在Material—UI对话框中显示图像

MathJax可以导入本地HTML文档使用的JS文件吗？

实现JS代码更改CSS元素

在JS中拖放：检测文件

优化Google Sheet脚本以将下拉菜单和公式添加到多行

不能将空字符串传递给cy.containes()

在WordPress中使用带有WPCode的Java代码片段时出现意外令牌错误

try 使用javascript隐藏下拉 Select

使用NextJS+MongoDB+Prisma ORM获取无效请求正文，无法发布错误

无法设置RazorPay订阅API项目价格

为什么我的Navbar.css没有显示在本地主机页面上？