chrome不会触发jquery文本更改事件

Question

我已经尝试过将jQuery change事件放在document.ready里面，但是没有运气。 change事件在Firefox和IE中有效，但在Chrome中不起作用。 更改ctl00_ContentPlaceHolder1_Txt_RegNo文本框中的值时，甚至警报框也没有出现。

但是，当我在文本框中键入内容并使用文本框中的退格键删除该值时，它将在chrome中运行。 在chrome中更改文本框中的值时，它应该在第一次工作。

脚本：

$("#ctl00_ContentPlaceHolder1_Txt_RegNo").change(function () {
    alert("done");
    var regno = $("#<%= Txt_RegNo.ClientID %>").val();
    var fleetno = $("#<%= Txt_FleetNo.ClientID %>");
    var customername = $("#<%= txtCustomerName.ClientID %>");
    var ridername = $("#<%= txtRiderName.ClientID %>");
    var phoneno = $("#<%= txtPhoneNo.ClientID %>");
    var email = $("#<%= txtEmail.ClientID %>");
    var chassis = $("#<%= txtchassis.ClientID %>");
    var ddlmodel = $("#<%= ddl_Model.ClientID %>");
    var ddltype = $("#<%= ddl_type.ClientID %>");
    var ddlcolor = $("#<%= ddl_color.ClientID %>");
    var ddl_year = $("#<%= ddlyear.ClientID %>");
    var KMS = $("#<%= txtKMSRUN.ClientID %>");
    var ddladvisor = $("#<%= ddl_ServiceAdvisor.ClientID %>");
    var expirydate = $("#<%= txtexpirydate.ClientID %>");
    var notes = $("#<%= txtnotes.ClientID %>");
    var data = { REGNO: regno };
    var jsonData = JSON.stringify(data); $.ajax({
        type: "POST",
        url: "JobCard.aspx/Populate_Reg",
        data: jsonData,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            if (data.d.length > 0) {
                var e;
                for (var i = 0; i < data.d.length; i++) {
                    fleetno.val(data.d[i].FleetNO);
                    customername.val(data.d[i].CUSTOMER_NAME);
                    ridername.val(data.d[i].RIDERNAME);
                    phoneno.val(data.d[i].PHONENO);
                    email.val(data.d[i].EMAIL);
                    chassis.val(data.d[i].CHASSISNO);
                    ddlmodel.val(data.d[i].MAKE);
                    ddltype.val(data.d[i].MODEL);
                    ddlcolor.val(data.d[i].color);
                    ddl_year.val(data.d[i].Year);
                    KMS.val(data.d[i].KMSRUN);
                    ddladvisor.val(data.d[i].ADVISORID);
                    expirydate.val(data.d[i].EXPIRYDATE);
                    notes.val(data.d[i].NOTES);
                    e = expirydate.val()
                }

                var d1 = Date.parse(e);
                var dt = new Date(d1);
                var dateExpiry = dt.getMonth() + 1 + "/" + dt.getDate() + "/" + dt.getFullYear();
                var d = new Date; var datenow = d.getMonth() + 1 + "/" + d.getDate() + "/" + d.getFullYear();

                if (dateExpiry <= datenow) {
                    checkRegNo()
                }
            }
        })
    });
});

Answer 1

尝试像这样使用jquery的keypress事件，

$("#ctl00_ContentPlaceHolder1_Txt_RegNo").keypress(function () {
    //your method body
)};

如果要在用户完成键入后获取文本框的值，则可以使用blur事件。 一旦文本框失去焦点，将调用此事件。

Answer 2

取而代之的是更改和按键事件，我使用了jQuery的focusout事件，根据我的要求，它的工作正常

$("#ctl00_ContentPlaceHolder1_Txt_RegNo").focusout(function () {
    //your method body
)};

Answer 3

如此处所述 ，您可以使用monitorEvents JavaScript函数显示元素上触发的所有事件。

monitorEvents($('#ctl00_ContentPlaceHolder1_Txt_RegNo')[0]);

在Chrome中，您会发现在atocomplete时刻仅触发input事件。

input事件并非在所有浏览器中都有效，因此，如果将其与change事件结合使用，则它应在大多数浏览器中均有效。

$('#ctl00_ContentPlaceHolder1_Txt_RegNo').on('change input', function() {
    // Handle event
)};