javascript - 使用 jQuery 监听表单中的每个输入字段

Question

我正在开发一个使用 jQuery 的 SPA，其中一个要求是我应该针对输入字段(复选框、下拉列表、文本)的特定值触发操作。我想从性能 Angular 知道以下哪一个更快或更不麻烦

$('input, select').on('click focus change', function(e){
//do something
});

或

$('form').on('click focus change', 'input, select', function(e){
//do something
});

此外，考虑到页面上会有异步操作，第二个选项是我倾向于的，但我想咨询一下专家:)

Answer 1

第二个片段将事件附加到整个表单。如果用户在任何地方单击/聚焦/更改任何内容(尤其是单击)，则会触发该事件。一旦它触发，它就会检查是否已在输入或选择上完成，如果没有，则中止。因此，第二个版本的开销稍高，因为它有时会因非输入/选择事件而触发。

第二种格式的主要好处是动态创建的元素。假设用户执行的操作导致在表单上创建一个附加字段。如果页面最初加载时该字段不在页面上，则更改/单击该字段时不会触发事件的第一个版本。但是，第二个版本将会启动。

我的建议:除非您像我所描述的那样专门对动态字段进行某些操作，否则我会使用第一个。但老实说，差异如此之小，任何一个都可以。