[输入新编号时输入类型编号的更改事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[输入新编号时输入类型编号的更改事件相关的知识,希望对你有一定的参考价值。

我试图获取输入的值,而不是检查输入是否已更改,默认情况下,该值为1。使用箭头键更改,输入或递增输入时,它将触发更改侦听器。到目前为止,当我从默认值更改值时,它不会触发。

我要从中提取输入值的行的代码。

<tr class="deleteRow">
    <th scope="row">
        <button type="button" class="btn btn-danger btn-sm">
            <i class="fas fa-trash"></i>
        </button>
    </th>
    <td>Item 1</td>
    <td>
        <input class="form-control" type="number" value="1" />
    </td>
    <td>RM 50.00</td>
</tr>

到目前为止,我的功能代码:

<script>
    $(.form-control).change(function(){
        alert("this doesn't fire help!");
    });
</script>

有什么建议吗?

答案

尝试以下操作,您的代码缺少',应为'.form-control'

$('.form-control').change(function(){
  alert("this doesn't fire help!");
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<tr class="deleteRow">
    <th scope="row">
        <button type="button" class="btn btn-danger btn-sm">
            <i class="fas fa-trash"></i>
        </button>
    </th>
    <td>Item 1</td>
    <td>
        <input class="form-control" type="number" value="1" />
    </td>
    <td>RM 50.00</td>
</tr>
另一答案

解决方案[所有按键事件箭头,按键,鼠标轮

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <tr class="deleteRow">
        <th scope="row">
            <button type="button" class="btn btn-danger btn-sm">
                <i class="fas fa-trash"></i>
            </button>
        </th>
        <td>Item 1</td>
        <td>
            <input class="form-control" type="number" value="1" />
        </td>
        <td>RM 50.00</td>
    </tr>
<script>
$(document).ready(function() {
    $('.form-control').on('input', function() {
        alert($('.form-control').val())
      });
});
</script>

以上是关于[输入新编号时输入类型编号的更改事件的主要内容,如果未能解决你的问题,请参考以下文章

word怎么设置编号格式

[LuoguP4222][CQOI2012]编号

我的输入字段类型编号的大小无法更改[重复]

防止在输入类型编号中输入非数字

当我在渲染视图后设置该输入类型的值时,为什么输入类型的更改事件不会触发?

为啥 iPhone 的 Safari 不触发输入类型 = 文件的更改事件?