标签：javascript event-handling meteor mouseevent

我试图在Meteor窗口外检测一个鼠标.我试过这个,但窗口似乎不起作用：

Template.layout.events({
  'mouseup window' : function(e) {
    console.log("mouseup");
  }
});

我应该如何将事件绑定到Meteor中的窗口？

解决方法:

下面的代码片段将在创建模板时绑定事件处理程序,并在销毁模板时解除绑定.应该给你你正在寻找的行为.

var layoutMouseUpHandler = function(e) {
    console.log('window.mouseup');
};

Template.layout.onCreated(function() {
    $(window).on('mouseup', layoutMouseUpHandler);
});

Template.layout.onDestroyed(function() {
    $(window).off('mouseup', layoutMouseUpHandler);
});

请注意,事件绑定在onCreated处理程序中,因此当事件触发时,模板可能还没有呈现.如果处理程序与DOM交互,则需要检查它.它没有绑定在onRendered处理程序中,因为如果重新呈现模板,那么会导致鼠标处理程序多次绑定.

编辑：正如Serkan在下面提到的,当模板插入DOM时,新的UI引擎只调用onRendered一次.如果您的事件处理程序将与DOM交互,这使它成为比onCreated更好的选择.

标签：javascript,event-handling,meteor,mouseevent
来源： https://codeday.me/bug/20190624/1280262.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。