Javascript代码在chrome中不起作用

Javascript代码在chrome中不起作用,javascript,google-chrome,jquery,Javascript,Google Chrome,Jquery,我将此JavaScript代码与JQuery库一起使用,现在它在谷歌Chrome中不起作用,在苹果Safari和FireFox中起作用(经测试) $(document).on('blur','UserNameInput',函数(e){ //警报(“此”) if($(this).val().length

我将此JavaScript代码与JQuery库一起使用,现在它在谷歌Chrome中不起作用,在苹果SafariFireFox中起作用(经测试)

$(document).on('blur','UserNameInput',函数(e){
//警报(“此”)
if($(this).val().length<6){
$('#UnameCheck').html('该用户anme太短…请使用6个以上字符重试')
}否则{
$(this.css('background-image','url(../images/IMG_8485.GIF));
$('#unmacheck').html('请稍候,同时检查您的用户名').css('color','#F3F').show('fast');
var Uname=($('#UserNameInput').val()
var data={//创建对象
l:联塞特派团
}
$.ajax({
类型:“POST”,
数据:数据,
完成:函数(){
$('#UserNameInput').css('background-image','')
},
url:“../php/UserNameCheck.php”
}).完成(功能(反馈){
$('#unmacheck').html(反馈)
});
}
});

在您的情况下,要与Chrome兼容,您需要添加
mouseup
事件或/和
mouseleave

$(document).on('blur mouseup mouseleave', '#UserNameInput', function (e) {
    //alert ('this')
    if ($(this).val().length < 6) {
        $('#UnameCheck').html('That user anme is too short... please try again with something more than 6 Charecters');
    } else {
        $(this).css('background-image', 'url(../images/IMG_8485.GIF)');
        $('#UnameCheck').html('Please wait while checking your User Name').css('color', '#F3F').show('fast');
        var Uname = ($('#UserNameInput').val());
        var data = { // create object
            l: Uname
        };
        $.ajax({
            type: "POST",
            data: data,
            complete: function () {
                $('#UserNameInput').css('background-image', '');
            },
            url: "../php/UserNameCheck.php"
        }).done(function (feedback) {
            $('#UnameCheck').html(feedback);
        });
    }
});
$(document).on('blur mouseup mouseleave','#UserNameInput',函数(e){
//警报(“此”)
if($(this).val().length<6){
$('#UnameCheck').html('该用户anme太短…请使用6个以上字符重试');
}否则{
$(this.css('background-image','url(../images/IMG_8485.GIF));
$('#unmacheck').html('请稍候,同时检查您的用户名').css('color','#F3F').show('fast');
var Uname=($('#UserNameInput').val());
var data={//创建对象
l:联塞特派团
};
$.ajax({
类型:“POST”,
数据:数据,
完成:函数(){
$('#UserNameInput').css('background-image','');
},
url:“../php/UserNameCheck.php”
}).完成(功能(反馈){
$('#unmacheck').html(反馈);
});
}
});

FF Mac、Saf Win、Chrome Win和Chrome Mac的模糊事件不完整

如中所列


使用其他完整的事件监听器,如
mouseleave
mouseup
将解决此问题。

是否从文件系统运行此功能?Chrome不允许来自文件系统的ajax。您需要使用服务器。它是否向控制台写入任何内容,或者似乎什么都不做?请提供更好的解释,说明问题,“它不工作”对我们没有用处。请使用Chrome中的开发人员工具(Ctrl+shft+i),查看控制台中是否有错误。
$(document).on('blur mouseup mouseleave', '#UserNameInput', function (e) {
    //alert ('this')
    if ($(this).val().length < 6) {
        $('#UnameCheck').html('That user anme is too short... please try again with something more than 6 Charecters');
    } else {
        $(this).css('background-image', 'url(../images/IMG_8485.GIF)');
        $('#UnameCheck').html('Please wait while checking your User Name').css('color', '#F3F').show('fast');
        var Uname = ($('#UserNameInput').val());
        var data = { // create object
            l: Uname
        };
        $.ajax({
            type: "POST",
            data: data,
            complete: function () {
                $('#UserNameInput').css('background-image', '');
            },
            url: "../php/UserNameCheck.php"
        }).done(function (feedback) {
            $('#UnameCheck').html(feedback);
        });
    }
});