Textbox类Onchange事件侦听器不使用多个类

时间:2016-11-22 04:05:54

标签: javascript jquery textbox onchange

<input class="item-quantities valid" data-bomid="1939" data-rid="2054" id="AddedItemIDs_1939_" name="AddedItemIDs[1939]" onkeypress="return isNumberKey(event)" type="text" value="7" aria-invalid="false">

无法解决此问题。我尝试过的......

$('.item-quantities, .valid').change(function () {
            alert("we are here");
});

...或

$('.item-quantities.valid').change(function () {
            alert("we are here");
});

...或

$('.item-quantities').change(function () {
            alert("we are here");
});

......以及其他一些变化。

似乎无法弄清楚如何触发此事件。我一直在玩各种各样的$(&#39; .item-quantity,.valid&#39;),但无济于事。这样做的正确方法是什么?

3 个答案:

答案 0 :(得分:1)

<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
        <script>
        $( document ).ready(function() {
            $(".item-quantities").change(function () {
                        alert("we are here");
            });
        });

        </script>
    </head>
    <body>

        <input id="items" class="item-quantities valid" type="text">
    </body>
<html>

这将为类

提供技巧

答案 1 :(得分:0)

您可以使用oninput和onkeypress事件,如下所示:Working fiddle

    $('.item-quantities, .valid').on('input',function(e){
         alert("we are here")
        });

$('.item-quantities, .valid').on('change keypress', function(e){
         alert("we are xfgdfgdgdfg")
        });

或者像这样

<input class="item-quantities valid" type="text" onchange="yourFunction();"
onkeyup="this.onchange();" onpaste="this.onchange(); onkeypress=this.onchange()" oninput="this.onchange();"/>

答案 2 :(得分:0)

试试这个:

$('.item-quantities.valid').change(function () {
    alert("we are here");
});

但是文本的更改事件只会在其焦点丢失时触发,使用按键或键控更好

Working fiddle