TypeError : 추가시 b가 정의되지 않았습니다.

Question

이 사이트에서 비슷한 질문을 한 후 this을 참조하는 데 문제가 있음을 알고 있지만 내 상황에서는이를 해결할 수 없습니다. 중 하나가 나에게이 문제를 해결하는 데 도움이 수, 나는 그것이 splitInput으로 오류를주고있다 splitInput로 this를 교체 할 때 같이 this에 splitInput의 값을 참조 할이 기능 여기에없는 방법 만 JS

<script type="text/javascript"> 
    function styleBox(){ 
     var userInput= document.getElementById('invite-emails').value; 
     var splitInput=userInput.split(","); 

     for(var i=0; i< splitInput.length; i++) { 
      $(this).append("<span style='background-color:red'>"+splitInput[i]+((i< splitInput.length-1) ? ",":"")+"</span>"); 
     } 
    }; 

    $(function(){ 
     $(".team-btn").click(function(e) { 
      $('.team-intro').replaceWith($(".team-invite").show()); 
     }); 
    }); 
    $("#invite-emails").keypress(function(e){ 
     if(e.which == 32) { 
      styleBox(); 
     } 
    }); 

의 내 코드입니다 내부 styleBox this이 될 것입니다 당신은 this 참조를 설정하지 않고 styleBox 전화

Answer 1

, 당신은보다 styleBox.apply(this)

$("#invite-emails").keypress(function(e){ 
    if(e.which == 32) { 
     styleBox.apply(this); 
    } 
}); 

을 할 필요가 게재 대상 : #invite-emails