主页 / coding / 问题 / 79317271
Accepted
Jack Maessen
Asked: 2024-12-30 18:00:19 +0800 CST

如何在使用处理程序时获取输入的类型

  • 772

我有一个这样的表格：

<form name="filter">

  <input type='number'>
  <input type="text">
  <input type="range">

</form>

我想获取我使用的输入类型，但没有成功

$(document).on('input', 'form[name="filter"]', function () { 
     alert(this.type); // alerts undefined
});

根据我使用的输入，我期望出现类似以下的警报：数字、文本或范围，但我得到的是“未定义”我做错了什么？

jquery

3 个回答

  1. 您也可以通过从函数中获取事件参数来使用它

      $(document).on("input", 'form[name="filter"]', function (event) {
       console.log(event.target.type);
  });
    • 2 
  2. $(document).on('input', 'form[name="filter"] input', function (event) {
    alert(event.target.type);
});
    • 2
  3. Best Answer

    您需要添加参数并像这样使用来获取input类型。

    $(document).on('input', 'form[name=filter]', function(input) {
  console.log(input.target.type)
});
    <form name="filter">
  <input type='number'>
  <input type="text">
  <input type="range">
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

    • 1

相关问题