javascript - 要求 Javascript 关注多个元素事件的模式？

Question

我正在编写一个 Javascript 库来监视用户如何与表单字段交互。它必须监视给定元素的多个事件，因此我无法使用 onblah 处理程序。

我希望 HTML 作者决定监视哪些字段。我想我会提供这样的东西:

<script src="formWatch.js"></script>

<form ...>
    <textarea name="blah" onload="watch(this)"/>
    <input type="submit" value="Submit" />
</form>

然后 watch() 将在元素上注册各种事件处理程序。但似乎 onload 只在加载资源的元素上触发？

允许 HTML 作者决定 Javascript 库将关注哪些元素的好模式是什么？

Answer 1

你有很多选择。也许尝试使用 data标签:

<textarea name="blah" data-monitored="true">

在你的 JS 中，你可以使用如下方法收集所有这些元素:

var nodeList = document.querySelectorAll("[data-monitored='true']");