如何为所有输入字段添加额外的Javascript事件处理程序以记录单击+;编辑?

如何为所有输入字段添加额外的Javascript事件处理程序以记录单击+;编辑?,javascript,jquery,events,logging,Javascript,Jquery,Events,Logging,我试图解决的问题是,我有一个包含许多输入字段的页面(其中一些字段是动态生成的),我希望能够在用户单击各种输入控件并修改数据后离开该控件时进行一些日志记录。我认为这可以通过为所有类型的输入字段(按钮、下拉列表、文本框等)捕获onFocus和onBlur事件来实现。我希望记录他们输入元素的事实,以及他们离开元素时的值。但是,我有两个限制: 一些输入有自己的事件处理程序。我不想重击这些,但想独立于它们触发事件。由于目标是发送日志外消息,因此我的其他事件处理程序实际上不需要与现有事件处理程序交互 我需要

我试图解决的问题是,我有一个包含许多输入字段的页面(其中一些字段是动态生成的),我希望能够在用户单击各种输入控件并修改数据后离开该控件时进行一些日志记录。我认为这可以通过为所有类型的输入字段(按钮、下拉列表、文本框等)捕获onFocus和onBlur事件来实现。我希望记录他们输入元素的事实,以及他们离开元素时的值。但是,我有两个限制:

  • 一些输入有自己的事件处理程序。我不想重击这些,但想独立于它们触发事件。由于目标是发送日志外消息,因此我的其他事件处理程序实际上不需要与现有事件处理程序交互

  • 我需要一个选择器,允许我在用户触发事件时捕获当前存在的所有输入控件(不管有多少)。这可以在触发事件的同时完成,也可以在修改DOM以创建/删除元素时触发事件进行更新

  • 我认为这是一种(有点)常见的情况,在主要框架中似乎有一些处理(主干和原型似乎都提供了一些更好的事件处理模式),但我试图避免向web应用程序添加另一个框架。不过,这个项目已经有了jQuery依赖项,我认为这应该可以通过选择器实现


    有人知道一个好的模式可以优雅地支持这种行为吗

    能否通过jQuery绑定到模糊事件,如:

     $(document.body).on('blur', 'input', function (event) {
          $.ajax({ url: "/log/", data: {value: event.currentTarget.value} })
     })