如何在文档准备好后注入的元素上使用 jquery keyup 事件

Question

我有这个代码

<div class="form-group col-md-3">
<label for="exampleInputEmail1" class="col-md-12 texto_value">valor</label>
<div class="form-group col-md-6">
    <input type="text" class="form-control" value="valor" disabled>
</div>
<div class="form-group col-md-6">
    <input type="hidden" name="name_jacket[]" value="valor">
    <input type="number" class="form-control" name="jacket_value[]" 
      id="valor" step="any" placeholder="valor">
</div>
</div>

这个div是用js注入的函数：

('#select_type').on('change', function(e){

但我需要在输入 name="jacket_value[]" 上创建一个 keyup 事件，但 keyup 事件不起作用。

我怎样才能让它发挥作用。

Answer 1

('#select_type').on('keyup', 函数(e){

Answer 2

请您尝试以下方式，似乎工作正常。

$("input[type='number'][name='jacket_value[]']").on('keyup', function(e){
 console.log(this.value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group col-md-3">
<label for="exampleInputEmail1" class="col-md-12 texto_value">valor</label>
<div class="form-group col-md-6">
    <input type="text" class="form-control" value="valor" disabled>
</div>
<br>
<div class="form-group col-md-6">
    <input type="hidden" name="name_jacket[]" value="valor">
    <input type="number" class="form-control" name="jacket_value[]" 
      id="valor" step="any" placeholder="valor">
</div>
</div>

Answer 3

像这样更改您的 Javascript 代码。

    $(document).on('change', "input[type='number'][name='jacket_value[]']", function(data) {
        var btn = this;
        console.log(this.value);
    });

在这种情况下，您无需等待 DOM 准备就绪 $(document.ready() is not required. 您只需使用上面的代码即可。

如何在文档准备好后注入的元素上使用 jquery keyup 事件

How to use jquery keyup event on an element that was injected after the document ready

javascript

onkeyup