从 jQuery 中提取 .live() 功能

发布于 2024-10-11 22:39:22 字数 496 浏览 4 评论 0原文

我正在编写一个 Firefox 插件，目前依赖于 jQuery 来完成以下操作：

选择器
动画
一个特殊的 .live("focus") 冰雹玛丽事件捕获策略，恰好适用于 jQuery 1.4.2（但不适用于 1.4） .4)

jQuery 不太适合在 XUL 中运行，但我们能走到这一步已经是一个奇迹了。我们正在尝试删除 jQuery 要求，前两个很简单（动画很简单，我们可以使用 .querySelector() 而不是 jQuery），但是 .live 事实证明仅靠我们自己是不可能做到的。我尝试阅读源代码，但无法将其分开。

jQuery .live 函数在做什么？显然，除了 document.addEventListener("focus"/"focusin",function_to_pick_apart_events) 之外，还有更多的事情发生。这里还发生了什么？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

夜声 2024-10-18 22:39:22

正如其他人所说，在 Firefox 插件中使用 JQuery 可能并不像听起来那么无望。但直接回答你的问题：JQuery 是开源的，所以你可以随时自行查找。我自己对 JQuery 源代码并不熟悉，但我认为 https://github.com/jquery/jquery/blob/master/src/event.js#L552 可能是一个很好的起点......

回复收藏 0 原文

浮华 2024-10-18 22:39:22

一种方法可能是在窗口级别捕获焦点事件，然后循环查找可能尚未具有焦点事件侦听器的感兴趣元素并添加一个。一个过于简单的示例：

<script>
function handleFocus(event) {
  event.target.value = "";
}
function captureFocus() {
  document.getElementById("target").onfocus = handleFocus;
}
window.onload = function() {
  addEventListener("focus", captureFocus, true);
}
</script>
<input id="target" value="Enter the value">

正如您所看到的，执行脚本时不需要输入存在于文档中，而是将事件侦听器附加到第一个焦点事件上。

One approach might be to capture focus events at the window level, then loop through looking for elements of interest that might not already have a focus event listener and add one. An over-simplified example:

<script>
function handleFocus(event) {
  event.target.value = "";
}
function captureFocus() {
  document.getElementById("target").onfocus = handleFocus;
}
window.onload = function() {
  addEventListener("focus", captureFocus, true);
}
</script>
<input id="target" value="Enter the value">

As you can see there is no requirement for the input to exist in the document when the script executes, it will attach the event listener on the first focus event instead.

回复收藏 0 原文