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