javascript 在backbone.js中,在一个视图的文本域中输入的事件名称是什么?

yrwegjxp  于 2023-01-01  发布在  Java
关注(0)|答案(1)|浏览(123)

我创建了一个视图来显示我从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)">
mnemlml8

mnemlml81#

Backbone.js是一个用于组织JavaScript代码的紧凑库。MVC/MV * 框架是它的另一个术语。如果您不熟悉MVC,它只是一种设计用户界面的技术。JavaScript函数使程序用户界面的创建变得相当容易。BackboneJS提供了各种构建元素,帮助开发人员创建客户端Web应用程序,包括模型、视图、事件、路由器和集合。
视图中的事件允许我们直接将事件侦听器附加到el、自定义选择器、相关选择器和相关选择器,如果没有提供选择,也可以附加到el。事件由键-值对表示:
"":""视图中有许多可用的事件,如单击、更改、按键、提交、鼠标悬停、数据库单击等。
语法:

var demoView = Backbone.View.extend({
    events: {
        'click button: 'function1',
        'keypress label': 'function2',
    },
})

相关问题