자바 스크립트 코드가

나는 JQuery와 라이브러리와 함께이 자바 스크립트 코드를 사용하고, 지금이 구글 크롬에서 작동하지 않습니다 크롬에서 작동하지 않는, 애플 사파리 및 파이어 폭스 (테스트로)자바 스크립트 코드가

$(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은 파일 시스템에서 아약스를 허용하지 않습니다. 서버를 사용해야합니다. – Mathletics

콘솔에 아무 것도 쓰지 않거나 아무것도하지 않는 것 같습니까? –

문제에 대한 더 나은 설명을 제공해주십시오. "작동하지 않습니다."는 우리에게 유용하지 않습니다. –

, 당신은 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

blur 이벤트는 FF Mac, Saf Win, Chrome Win 및 Chrome Mac에서 불완전합니다.

these event compatibility tables에 나열된대로.

mouseleave 및 mouseup과 같은 다른 완전한 이벤트 리스너를 사용하면 문제가 해결됩니다.

출처

2014-01-06 16:47:27 Jonast92

자바 스크립트 코드가

답변

관련 문제