我创建了一个视图来显示我从MySQL数据库中获得的测验信息。为了搜索特定的测验,我在一个名为MyQuizSearchView的新视图中实现了一个搜索栏。下面是我的MyQuizSearchView代码。
var MyQuizSearchView = Backbone.View.extend({
model: myQuizC,
el: $('#search'),
events: {
"change input": "searchEvent"
},
initialize: function() {
this.render()
},
render: function() {
var self = this;
// var block1 = ' <input type="text" placeholder="What are you looking for?" onkeyup="searchByTags(\'' + this.value + '\')">'
var block1 = ' <input type="text" placeholder="What are you looking for?">'
self.$el.append(block1)
},
searchEvent: function(event) {
console.log("heyyy")
}
})
var myQuizSearchView = new MyQuizSearchView();
我想在用户开始输入文本字段时触发一个名为searchEvent的函数。如何使用 Backbone.js 视图事件实现下面的onkeyup方法?
<input type="text" placeholder="What are you looking for?" onkeyup="searchByTags(this.value)">
1条答案
按热度按时间mnemlml81#
Backbone.js是一个用于组织JavaScript代码的紧凑库。MVC/MV * 框架是它的另一个术语。如果您不熟悉MVC,它只是一种设计用户界面的技术。JavaScript函数使程序用户界面的创建变得相当容易。BackboneJS提供了各种构建元素,帮助开发人员创建客户端Web应用程序,包括模型、视图、事件、路由器和集合。
视图中的事件允许我们直接将事件侦听器附加到el、自定义选择器、相关选择器和相关选择器,如果没有提供选择,也可以附加到el。事件由键-值对表示:
"":""视图中有许多可用的事件,如单击、更改、按键、提交、鼠标悬停、数据库单击等。
语法: