jQuery : binding 펑크에 대한 텍스트 입력 기능

Question

지금까지 많은 질문이 제기되었지만 실제로 문제가 해결되지 않았다는 것을 알았습니다.
I've 내 마지막 질문에서와 같은 형태를 가지고 -

body { 
 
    background-color: black; 
 
} 
 
.input-icon{ 
 
    float:left; 
 
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 
 
<link href="https://www.w3schools.com/w3css/4/w3.css" rel="stylesheet"/> 
 
<form class="w3-container w3-white"> 
 
    <div class="w3-row-padding"> 
 
    <div class="w3-col m12"> 
 
     
 
<p> 
 
<i class="fa fa-envelope-o fa-2x fa-fw input-icon" aria-hidden="true"></i> 
 
<input class="w3-input w3-animate-input" type="text" placeholder="E-Mail" style="width: 40%; max-width: 90% !important;"> 
 
</p> 
 
    </div> 
 
    </div> 
 
</form>

이제 jQuery를 통해 흐림 내 텍스트 필드에 함수를 바인딩 할. 이 새로운 코드가 같은 모습입니다 :

function myFunction(text) { 
 
    alert(text); 
 
} 
 
$(document).ready(function() { 
 
    $("#input").blur(myFunction("hello")); 
 
});

body { 
 
    background-color: black; 
 
} 
 

 
.input-icon { 
 
    float: left; 
 
}

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 
 
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> 
 

 
<form class="w3-container w3-white"> 
 
    <div class="w3-row-padding"> 
 
    <div class="w3-col m12"> 
 

 
     <p> 
 
     <i class="fa fa-envelope-o fa-2x fa-fw input-icon" aria-hidden="true"></i> 
 
     <input class="w3-input w3-animate-input" type="text" placeholder="E-Mail" style="width: 40%; max-width: 90% !important;" id="input"> 
 
     </p> 
 
    </div> 
 
    </div> 
 
</form>

당신은 꽤 문제를 명확하게 볼 수 있습니다 - 그것은 한 번 결코 다시)하여 myFunction (실행합니다. 나는 .bind()에서 myFunction()을 실행하기 전에 Timeout을 설정하는 것이 도움이된다고 들었지만 그 사실을 설명하지 못한다 : 왜? 사전에 항상 모든 답변에 대한
감사합니다,
- SearchingSolutions (예, 검색 솔루션 거의 매일))

Answer 1

확인이 fiddle. 포함 된 외부 js를 제거하고 흐림 기능을 변경했습니다.

$('#lol').on('blur',function(){ 
    myFunction(); 
}); 

$('#lol').trigger('blur');