在Backbone View的委托事件中,如何访问事件的源元素？
在Backbone View的委托事件中，要访问事件的源元素，可以使用event.currentTarget或event.target。这两者的区别在于：event.currentTarget指向绑定事件的元素，而event.target指向触发事件的元素。
以下是一个示例：
var MyView = Backbone.View.extend({
events: {
'click .my-element': 'onClick'
},
onClick: function(event) {
// 访问源元素
var sourceElement = event.target;
// 或者访问绑定事件的元素
var boundElement = event.currentTarget;
// 进行操作或处理
// ...
}
});在这个示例中，当点击.my-element元素时，onClick方法会被调用，并且event.target指向触发事件的元素，而event.currentTarget指向绑定事件的元素。通过这两个属性，可以访问事件的源元素并进行相应的操作。
相关·内容
我正在向Backbone重写jQuery代码，但被一个看似微不足道的问题卡住了： events: {
"click #pos
浏览 0提问于2012-08-03得票数 1
回答已采纳
我对backbone.js是个新手，我还有点挣扎。我想出了一种成功地将数据从服务器(用json)显示到屏幕上的方法，但是我这样做对吗？我所有的视图都设置了this.el，但是视图的事件没有触发()...最好的前进方式是什么？var surveyUrl = "/api/Survey?;
AnswerOptionView = Backbone.
浏览 0提问于2012-04-06得票数 2
回答已采纳
我知道我可以使用jQuery通过$(this.el)访问backbone.js中的视图元素，但是访问由backbone的事件绑定处理的元素又如何呢？如何从我的事件处理程序中直接以id为#button的被单击的div为目标，如下所示？我真的需要为此创建一个子视图吗？Backbone</e
浏览 1提问于2012-02-14得票数 2
回答已采纳
2回答
我在触发backbone.js视图事件时遇到了问题。当我点击#login-button时，什么也没有发生。$(function() { Backbone.history.start(); routes: {
"login": "lo
浏览 0提问于2012-04-03得票数 0
回答已采纳
2回答
现在我已经更好地理解了脊椎骨(我希望)，我一直在用一个细齿梳子浏览这个应用程序来了解它是如何工作的：
下面我将粘贴相关代码，但我的问题是这个视图的正如您在视图定义中所注意到的，没有定义EL标记，也没有分配idTag或className属性。但是，我在firebug中验证了这个视图确实在侦听DOM中间的一个DIV标记(实际上就在内容DI
浏览 3提问于2013-09-11得票数 1
回答已采纳
2回答
当我挣扎了几个小时，找出正确的组合，基于这些答案，我想我应该总结在这里，这样我们都可以更清楚和容易地找到它。
浏览 0提问于2015-05-06得票数 3
回答已采纳
3回答
取消委托单个事件
、、、、
我在UL中的dom元素上停止单击事件有困难，本质上是在itemClicked方法中，我想取消对单个元素的单击事件的委托。但是，当单击列表中的项时，尽管具有none值，该项仍会触发单击事件。是否有一种方法只对单击的单个元素使用非委托？我不知道为什么，任何帮助都是非常感谢
浏览 3提问于2014-09-17得票数 0
回答已采纳
1回答
在以下代码中： "click .button":"cancel" }var view = new AppView();
我需要将this.cancel处理程序从具有&
浏览 0提问于2014-06-30得票数 2
回答已采纳
假设我有一些项目要在列表中显示。该列表有一个将所有项目聚合为项目视图的视图。现在，我希望处理item视图上的单击事件，并将处理委托给list视图。$el.data('backbone-view', this);});
请注意，我将视图对象本身附加为根元素的属性，这实质上为视图和元素创建了循环引用情况。通过我在初始化时在项上设置的d
浏览 1提问于2013-02-19得票数 3
下面是单选按钮的样子：[ ] Yes以及HTML：'click input[name=hasSpouse]:checked': 'hasSpouseEvent',
这是一个函数，它应该负责隐藏并显示不同的div部分。
浏览 2提问于2015-10-22得票数 1
回答已采纳
1回答
如何在主干示例中为视频html 5添加事件: onplay，onended.我有模板： <video preload="auto" src="<%- videolink %>"></video>我可以在主干网中添加视频事件吗window.VideoPlayer = Backbo
浏览 0提问于2014-09-09得票数 0
回答已采纳
我正在调查一个bug，并决定检查jQuery.on()文档，以确保我理解委托事件。
这句话让我很困惑，甚至考验了我对它的理解。您可以在
浏览 3提问于2014-02-17得票数 0
回答已采纳
我正在减慢使用backbone.js的速度，但是我遇到了一些麻烦。我已经成功地创建了一个视图，并且能够将事件委托给DOM中的元素，但是我似乎能够在下面的上下文中使用jQuery“$(this) alert(url);
event.pre
浏览 9提问于2012-05-12得票数 1
回答已采纳
1回答
我有两个视图--一个布局视图，它是顶层的，另一个是新的表单视图，它充当布局的子视图，并在其中呈现。表单视图中有一个事件处理程序，它应该根据输入的数据创建我的模型的一个新实例。下面是布局视图： el: "#layout",
render: function (view) {$el.html(this.ch
浏览 1提问于2016-10-06得票数 1
回答已采纳
2回答
我在backbone.js中有一个视图 tagName: 'li', alert("wallet button clicked"); });
这就是html的生成这里发生的</em
浏览 15提问于2011-07-21得票数 0
回答已采纳
1回答
我使用Rails3作为我的后端，而Jammit作为我的资产...现在我试着不压缩甚至打包asstes。var InvoiceStock = Backbone.View.extend({
initialize: function(ar
浏览 23提问于2011-06-18得票数 19
回答已采纳
2回答
我在这里使用了backbone.js 'click‘事件。事件时，我想选择单击的onClick元素，将其移除并添加到已添加列表中。如果我点击“中国”，下面的代码将警告“<li>China</li>”。
那么，如何访问所有dom属性呢？Java脚本代码
浏览 1提问于2012-02-17得票数 1
回答已采纳
我在导航栏中有一个链接(具有类.story)，如果单击该链接，则会将故事模板呈现到画布div中，以向用户提供信息。我想给用户在阅读信息后删除模板的选项，但是，我不能在模板中的删除"x“上设置单击事件。
我想我知道问题出在哪了。我的StoryView el是<div id="story">，所以我可以在其中的任何东西上设置事件，但由于它呈现到另一个没有附加到该视图的</
浏览 2提问于2013-02-08得票数 1
回答已采纳
我需要访问一些关于绑定到Backbone View的事件(即href="something")的元素的信息。如何访问此对象？var SomeView = Backbone.View.extend({
"click a.some-class": "doStuff"
}
浏览 4提问于2011-09-14得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
