Meteor - 事件
在本章中，我们将学习如何使用 tag、class 和 id 作为事件选择器。使用事件非常简单。
让我们在 HTML 模板中创建三个元素。第一个是 p，第二个是 myClass class，最后一个是 myId id。
meteorApp.html
<head>
<title>meteorApp</title>
</head>
<body>
<div>
{{> myTemplate}}
</div>
</body>
<template name = "myTemplate">
<p>PARAGRAPH...</p>
<button class = "myClass">CLASS</button>
<button id = "myId">ID</button>
</template>
在我们的 JavaScript 文件中，我们为上面创建的三个元素设置了三个事件。您可以看到，我们只是在 click 事件后添加了 p、.myClass 和 #myId。这些就是我们上面提到的 选择器。
meteorApp.js
if (Meteor.isClient) {
Template.myTemplate.events({
'click p': function() {
console.log("The PARAGRAPH is clicked...");
},
'click .myClass': function() {
console.log("The CLASS is clicked...");
},
'click #myId': function() {
console.log("The ID is clicked...");
},
});
}
为了测试这一点，我们可以先点击 PARAGRAPH，然后点击 CLASS 按钮，最后点击 ID 按钮。我们将获得以下控制台日志。
我们可以按照上面的示例使用所有其他 JavaScript 事件 - click、dbclick、contextmenu、mousedown、mouseup、mouseover、mouseout、mousemove。
