附加

Question

我知道在看到本网站上的一些类似问题后，我在向this引用价值时遇到了问题，但在我的上下文中无法解决这个问题。 任何人都可以帮我解决这个问题，我如何将splitInput的值引用到this，因为我将this替换为splitInput时它会给出错误，因为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();
        }
    });

Answer 1

您在未设置styleBox引用的情况下致电this，您需要执行styleBox.apply(this)

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

比styleBox this内部显示#invite-emails