如何在主干视图元素上注册事件

How do I register an event on a backbone view element..?

本文关键字:元素 注册 事件 视图      更新时间:2023-09-26

我正在尝试在视图的el本身上绑定单击事件。但我做不到。

一种解决方法是在实际视图内容元素周围添加一个额外的元素作为视图的el

例如,模板:

<div> <!-- actual view element -->
  <div id="viewContainer"> <!-- added as dummy for event binding-->
    <div id="viewContent"></div> <!-- actual view content-->
  </div>
</div>

并将事件注册为:

events: {"click #viewContainer": "callback"}

有没有办法避免这种额外的<div>并将事件直接绑定到视图的el..?

要将事件直接绑定到视图的el,只需避免事件哈希的选择器部分并使用: {"event": "callback"}语法

例如,模板:

  <div id="viewContent">...</div> <!-- actual view content-->

并将事件注册为:

events: {"click : "callback"}

主干将事件直接绑定到视图的元素:

<div> <!-- actual view element-->
    <div id="viewContent"></div> <!-- actual view content-->
</div>