<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文件，正在為上面創(chuàng)建的三個要素對應(yīng)的三個事件?？梢钥吹?，我們只是加入對 p，.myClass和#myId在click事件之后。這些都是我們上面提到的選擇器。

client/main.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 按照上述的例子。

上一篇：Meteor check下一篇：Meteor模板

在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

Meteor事件

meteorApp/import/ui/meteorApp.html

client/main.js