YOUR FIRST METEOR APPLICATION翻译(六)——事件(Events)

事件(Events)

到现在,我们已经可以在浏览器里面显示一个players的列表,那如果我们要在网页列表上实时更新一些列表的信息,或者与用户发生互动,就可能会出发一些事件,下面我们就来介绍一下怎么创建一个事件。

创建事件

在本章节,我们会创建我们的第一个事件,并且这个时间允许我们绑定一个HTML标签和通过一个按钮来出发改变标签里面的内容。

以下是我们创建事件的代码:

1
2
3
4
5
Template.leaderboard.events({  //要执行的代码 
'click li':function(){
console.log("hello");
}
});

这样我们就创建了一个只要我们点击HTML中的

  • 标签就会在javascript控制台输出“hello”的事件。
  • 当然,有时候我们要制定一个类的HTML标签来设定事件,我们也通过以下的代码来实现这个功能:

    1
    2
    3
    4
    5
    6
    Template.leaderboard.events({ 
    //要执行的代码
    'click .player':function(){
    console.log("hello");
    }
    });

    这里的player是一个HTML标签的类,当然我们还可以通过#来绑定id等。

    在Meteor.js里面不单单提供了click来作为单击事件出发,还有dblclick,focus,blur,mouseover,change等。

    感谢meteortips & David以上内容根据英文版的YOUR FIRST METEOR APPLICATION粗略翻译而来,在未经我本人允许的情况下请勿转载,违者本人保留法律追究的权利。