是否有一种方法可以将事件处理程序函数调用到流星中的另一个事件处理程序



我的模板有这些事件处理程序:

Template.addPlayerForm.events({
    'submit form': function(e) {
        e.preventDefault();
        var playerName = e.target.playerName.value;
        var playerScore = e.target.playerScore.value;
        if (playerName !== "" && playerScore !== "") {
            Meteor.call('createPlayer',playerName,playerScore);
        e.target.playerName.value = '';
        e.target.playerScore.value = '';
    }
},
    'keypress .addScore': function(e) {
        if (e.which >= 48 && e.which <= 57) {
        return e.charCode;
    }
    else if (e.which === 13 || e.keycode === 13) {
        e.preventDefault();
        var playerName = e.target.playerName.value;
        var playerScore = e.target.playerScore.value;
        if (playerName !== "" && playerScore !== "") {
            Meteor.call('createPlayer',playerName,playerScore);
        e.target.playerName.value = '';
        e.target.playerScore.value = '';
    }
}
})

可以看到,'submit form''keypress .addScore'都具有几乎相似的功能(即向数据库添加新集合)。我的问题是,是否有一种方法,我可以使一个单一的函数,可以传递给两个事件处理程序?我是流星的新手,我只是在练习我看到的在线教程,希望修改它,因为我认为合适。谢谢你的帮助!: D

您可以创建一个函数并在事件中调用它

Template.addPlayerForm.events({
    'submit form': function(e) {
        funcName(e)
    },
    'keypress .addScore': function(e) {
        if (e.which >= 48 && e.which <= 57) {
            return e.charCode;
        }
        else if (e.which === 13 || e.keycode === 13) {
            funcName(e)
        }
    }
})

funcName = function(e){
    e.preventDefault();
    var playerName = e.target.playerName.value;
    var playerScore = e.target.playerScore.value;
    if (playerName !== "" && playerScore !== "") {
        Meteor.call('createPlayer',playerName,playerScore);
        e.target.playerName.value = '';
        e.target.playerScore.value = '';
    }
}

最新更新