javascript - 添加自定义属性以更好地分离 JavaScript 和 HTML

Question

使用 jQuery 和 backbone.js，我想尽可能地将 JavaScript 与 HTML 分开。
是否可以添加 自定义属性 以更好地分离 JavaScript 和 HTML？然后如何使用新的 jQuery 选择器？

例子:

<input type="text" id="todo-input" class="todo-input" tid="tid-attribute" > hello world </input>

// The DOM events
// I would like to use another selector tid and not class or id
events: {
  "keypress #todo-input" : "updateOnEnter" // I would like to use another selector tid not id,
  "keypress .todo-input" : "updateOnEnter" // I would like to use another selector tid and not class
}

Answer 1

HTML5 允许以 data- 开头的自定义数据属性:

<input type="text" data-custom-attr="somevalue">

然后在你的 Backbone 事件声明中:

"keypress [data-custom-attr='somevalue']" : "updateOnEnter"