流星事件选择器用于更复杂的事件

时间:2015-09-16 15:26:42

标签: javascript meteor javascript-events meteor-blaze

我试图让meteorjs中的事件处理程序按预期工作:

  • 白色框应该是可点击的,如果点击它,我需要调用一个关闭或打开章节的功能
  • 点击灰色文字(contenteditable <div>)时,您应该可以修改contenteditable并拥有课程.editable

Screenshot of my application

我的问题:我已经声明了一个这样的事件处理程序:

Template.chapterBox.events:
   'click .chapter-box': (e) ->
      do_some_stuff()

当我点击contenteditable进行编辑时,怎么可能阻止上面的事件处理程序触发?

我已经在事件处理程序的第一行显示了类似的内容

if $(e.target).hasClass("editable"):
  return;

但它无效

1 个答案:

答案 0 :(得分:1)

我有同样的问题,这对我有用:

if (e.target.className == "editable") {
  console.log("clicked editable");
} else {
  console.log("clicked chapter-box");
}