[英]Safari IOS - Input doesnt lose focus on click outside (Blur dont trigger)
[英]Cannot lose focus when click outside input
所以问题是每次我在输入焦点之外单击时,我都尝试了几个代码,但它们对我不起作用
$(document).ready(function(){ $("input").focus(function(){ const background = true; if(background == true){ $('form').css({ 'background-color': '#fff', 'transition': 'background-color 1s ease-out' }); } else { $('input').blur(function(){ if(background == false){ $('form').css({ 'background-color': 'transparent' }); } }) } })});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form class="form-inline"> <div class="input-group"> <input type="text" class="form-control input" placeholder="How may we help you?"> <div class="input-append"> <button type="button" class="btn"><i class="fas fa-search"></i></button> </div> </div> </form>
我想你想做这样的事情
$('input').focus(function () {
$('form').css({
'background-color': '#fff',
'transition': 'background-color 1s ease-out'
});
});
$('input').blur(function () {
$('form').css({
'background-color': 'transparent'
});
});
$(document).ready(function(){
$("input").focus(function(){
$('form').css({
'background-color': '#fff',
'transition': 'background-color 1s ease-out'
});
});
$('input').blur(function(){
$('form').css({
'background-color': 'transparent'
});
});
});
尝试这个。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.