Javascript代码在Chrome中不工作

我使用这个JavaScript代码与jQuery库，现在，这并不在谷歌浏览器工作，工作在苹果Safari浏览器和火狐（如测试）Javascript代码在Chrome中不工作

$(document).on('blur', '#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) 
    }); 
    } 
});

来源

2014-01-06 user3109875

你是从文件系统运行的吗？ Chrome不允许来自文件系统的Ajax。您需要使用服务器。 – Mathletics

它是否向控制台写入任何内容，或者它看起来什么都不做？ –

请提供一个更好的问题解释，“它不起作用”对我们没有用处。 –

在你的情况下，与Chrome中complient，你需要添加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); 
     }); 
    } 
});

来源

2014-01-06 16:34:21 sdespont

对于FF Mac，Saf Win，Chrome Win和Chrome Mac，blur事件不完整。

如these event compatibility tables中所列。

使用其他完整的事件侦听器，如mouseleave和mouseup将解决该问题。

来源

2014-01-06 16:47:27 Jonast92

Javascript代码在Chrome中不工作

回答

相关问题