问题标签 [custom-events]

这似乎是一个重复的问题。但是我搜索了很多地方，我无法找到使用纯 javascript（不使用 jQuery）发送事件数据的正确示例。

https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent没有任何示例。

我需要这样的东西。https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events#Adding_custom_data_.E2.80.93_CustomEvent

例子：

这可能是重复的，但是，在 JavaScript 世界中，随着新浏览器的出现，情况正在迅速变化。我正在使用一些很久以前在 AS3 中使用的资源，现在它终于在 JavaScript 中流行起来了。但是，我仍然无法在课堂上进行活动。我使用 Mozilla MDN 作为指南做了这个简单的例子：

在第一行，Safari 返回：“TypeError: '[object EventConstructor]' is not a constructor (evalating 'new Event("end")')”。

意思是不行？有没有办法在纯 JavaScript 中创建和调度自定义事件（不使用 jQuery 或类似的东西）？

我知道可以将事件侦听器添加到我在 Javascript 中创建的自定义事件中，如下所示：

但是......是否可以列出任何时候存在的所有自定义事件？

上面一行添加了一个事件监听器，不管事件是否存在，所以我无法指出事件是否存在。

我正在寻找使用与 JQuery 相同的方法在 Javascript 中创建事件 - 有人知道 JQuery 是如何做到的吗？

我的理由是使用这样的原始Javascript：

...实际上不适用于 Android 原生浏览器，因为它不像 Chrome 和其他浏览器那样支持 DOM Level 3。

但是，JQuery确实可以在 Android 的股票浏览器上运行，并且只需使用：

我的问题是，这背后的代码是什么？我试图通过浏览 JQuery 的源代码来找到它，但无法理解它！

我在用户控件中编写了事件，并且该用户控件在页面中使用了两次。现在的问题是，我第二次将 Event 设为 null。为什么？如何解决问题？请帮忙。

我的代码如下：

在 ascx 中：

在 aspx 中：

但对于第二个用户控件，它始终为空。

Is there a way to trigger a custom event in javascript, so that it will propagate using the capture model?

I have a hierarchy of elements that I use as a mean to communicate between objects. Each level of the hierarchy represents a sub-family of object. Ideally, I could trigger an event to each family's or sub-family's objects using their common ancestor.

eg:

animals |_ | mammals | |_cats | |_dogs |_ reptiles |_alligators |_dinosaurs

(please no comments on my inadequate taxonomy :) )

I would like to be able to trigger an event for all animals, all mammals or all cats, or event to a single cat instance.

However, I can only find examples of custom events using the bubbling phase, so I want to know if it's me missing something or is this really impossible.

I know I can use event delegation on the root element for all instance, but it will scale really badly (this system needs to handle thousands of events of all types).

Any ideas?

我正在编写一个与各种 TCP 网络设备连接的程序。GUI 是使用 JavaFX 制作的。整个连接部分在它自己的包“网络”中。粗略地描述一下，它看起来像这样：（我对 UML 了解不多，没有责备 plaese :/ - 我只需要一种方法来快速描述我的程序结构的外观）。http://i.stack.imgur.com/PSdsH.jpg

好吧，就是这样：TCP 类存储在“NetworkManager”的同步列表中。这些类保存有关连接的信息（接收到多少数据、ip、ma​​c 等）。Rcv-Thread 不断尝试接收数据。

好吧，这就是我想要的：一旦 Rcv-Thread 接收到特定消息，就应该调用控制器来执行某些操作（GUI 刷新或其他）。此外，控制器应该与“网络”模块保持分离->它在另一个项目中被重用。我想通过自定义事件来实现这种行为。简而言之：TCP-Rcv-Thread 需要能够向 Controller 提供信息。但我真的不知道如何让这一切正常工作。让我们看看我在哪里：

• 我在“网络”模块中有一个事件类。

  /li>

• 我在“网络”模块中有一个监听器类。

  /li>

• 我试图准备我的 Rcv-Thread 来触发事件：

  /li>

• 控制器（这个类应该对自定义事件做出反应）实现监听器：

  /li>

从那里开始，我真的不知道如何让我的事件（从我的 Rcv-Thread 触发）被我的控制器类注意到。我想我必须通过控制器类为每个 Rcv-Thread 对象添加一个侦听器（就像我使用 ButtonListener 时一样，...）。问题是：从我的 TCP 类我无法访问 Rcv-Thread-object 的 addXListener 方法 -即使设置为公共（但我可以从列表中访问 Rcv-Thread-Classes）。我试图尽可能多地阅读有关该问题的内容，但无法弄清楚如何使其正常工作。我错过了什么？

编辑1：TCP类：

NetworkManager 创建一个 TCPClass 对象并调用 connect() 方法。

我有我定义我的事件的类：

这就是我提出我的活动的地方：

最后这是我试图创建监听器的地方：

getTTC()简单地说：此事件必须在更新列表时通知，然后使用with更新另一个列表raiser_updateList。

但raiser_updateList永远不会被调用。为什么？我所有的 3 个代码片段都在 3 个不同的类（同一个项目）中，但这不是问题......对吗？

我正在创建一个事件，所以使用 DOM Event 构造函数：

这在现代浏览器中运行良好，但是在 Internet Explorer 9、10 和 11 中，它失败了：

如何修复 Internet Explorer（最好通过 polyfill）？如果我不能，有没有我可以使用的解决方法？

元素事件侦听器回调不适用于自定义事件，在以下代码中，将触发文档和窗口事件侦听器，但不会触发元素（在 IE11、FF33 和 Chrome38 上测试，结果相同。）有什么想法吗？我是否滥用了自定义事件？