todomvc Backbone's更改为class'编辑'使todo可编辑

How does todomvc Backbone's change to class 'editing' make todo editable?

本文关键字:编辑 todo class Backbone todomvc      更新时间:2023-09-26

我正在学习Backbone教程,并查看源代码,我不理解双击事件(todo-view.js),这导致了编辑方法,导致元素获得类"editing"使元素(输入)可编辑。

这实际上是一个CSS技巧。默认情况下,输入元素是隐藏的:

.todo-list li .edit {
    display: none;
}

然后在dblclick上,父li元素接收editing类,这使得输入可以通过另一条规则可见:

.todo-list li.editing .edit {
    display: block;
}