event-handling 相关问题

事件处理是关于处理源与一个或多个订户之间的消息的编码样式。源中的点侦听器提供了一种方式，订阅代码可以使用从源引发的消息。

如何防止之前添加的事件监听器被调用？

我正在创建一个内容脚本作为浏览器扩展。我希望更改某些页面的功能，因此我确定我需要停止某些事件。通常，一个人可以注册...

javascript event-handling firefox-addon firefox-addon-webextensions

回答 1 投票 0

当一个函数定义在不同的文件中时，如何检查它是否存在？

我写了一些库代码来处理拖放。我想在几个项目中使用这个库（它定义了一些 CustomEvents）*。这些事件的处理程序可能是也可能不是

javascript event-handling

回答 0 投票 0

Invoke() 在处理 blazor 事件时被忽略

program.cs builder.Services.AddScoped(); 接收.cs 如果（内容类型==“”） { InstallServiceInfoReceived?.Invoke(this, (contentType, serverName, message...

c# .net event-handling blazor blazor-server-side

回答 0 投票 0

删除在循环中创建的 Javascript 事件侦听器

我有一个包含多个相似元素的网站，需要应用事件监听器：我有一个包含多个相似元素的网站，需要应用事件监听器： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Example</title> </head> <body> <a href = '#' class = "click_me">Click me</a> <br> <a href = '#' class = "click_me">Click me</a> <br> <a href = '#' class = "click_me">Click me</a> <script src = "example.js"></script> <script> new myClass(5); </script> </body> </html> 我通过遍历元素来做到这一点。我希望回调函数能够访问元素、父类实例和事件。所以我想我必须在循环中定义回调函数。但是，这使得很难删除事件侦听器。在这个例子中，我调用了 setUpEventHandlers 方法两次，第二次调用应该删除第一次调用创建的事件侦听器。但是，当我加载网页时，我可以在检查器中看到两组侦听器。我想这是因为在循环中重新定义了函数，所以没有被removeEventListener当作同一个函数。我怎样才能删除第一组听众？ class myClass { // Class constructor. constructor(input_foo) { // Process input. this.foo = input_foo; // Create event listeners for this instance. this._setUpEventHandlers(); // Re-create event listeners (should remove previous ones). this._setUpEventHandlers(); }; // Loops over elements and creates event listeners. _setUpEventHandlers() { // Loop over elements. document.querySelectorAll('.click_me').forEach(element => { // Define event listener function with "this" bound and // appropriate signature. var onClickFunction = function(event) { this.onClick(element, event); }.bind(this); // Remove existing event listeners. element.removeEventListener('click', onClickFunction, false); // Add event listener function for this element. element.addEventListener( 'click', onClickFunction, false ); } ); } // Define event listener function. onClick(element, event) { event.preventDefault(); console.log(this); console.log(event); console.log(element); console.log('<br>'); } } 可以使用箭头函数来避免bind。您还可以通过访问 event.currentTarget 而不是传递对元素的引用来简化您的点击处理程序调用。因此，你可以这样做： class MyClass { constructor(input_foo) { this.foo = input_foo; this.onClickFunction = e => this.onClick(e); this._setUpEventHandlers(); this._setUpEventHandlers(); }; _setUpEventHandlers() { document.querySelectorAll('.click_me').forEach(element => { element.removeEventListener('click', this.onClickFunction); element.addEventListener('click', this.onClickFunction); }); } onClick(event) { event.preventDefault(); console.log(this.constructor.name); console.log(event.constructor.name); console.log(event.currentTarget.constructor.name); console.log(event.currentTarget.innerText); console.log('<br>'); } } let obj = new MyClass(); <div class="click_me">hello</div> <div class="click_me">world</div> 我调整了您的代码，使其按您的预期工作。它对你不起作用的原因是因为永远不会保存对回调方法处理程序的引用。必须使用与用于实例化新事件的完全相同的处理程序来删除事件。在您的情况下，您引用了一个调用事件处理程序方法的匿名函数，并且您不能重新引用匿名函数。试试这个： class myClass { // Class constructor. constructor(input_foo) { // Process input. this.foo = input_foo; // Create event listeners for this instance. this._setUpEventHandlers(); // Re-create event listeners (should remove previous ones). this._setUpEventHandlers(); }; // Loops over elements and creates event listeners. _setUpEventHandlers() { // when onClickFunction is called, the HTML element that triggered the click and the Event object are automatically passed to the function, no need to specifically define them as arguments let onClickFunction = this.onClick; // Loop over elements. document.querySelectorAll('.click_me').forEach(element => { // Remove existing event listeners. element.removeEventListener('click', onClickFunction, false); // Add event listener function for this element. element.addEventListener( 'click', onClickFunction, false ); } ); } // Define event listener function. onClick() { event.preventDefault(); console.log(this); // references the element that triggered the event console.log(event); // references the Event object that was triggered console.log('<br>'); } } 在您的代码中，每次调用 _setUpEventHandlers 方法时，以下行都会创建一个新的匿名函数： var onClickFunction = function(event) { this.onClick(element, event); }.bind(this);

javascript events event-handling event-listener

回答 2 投票 0

C# Winforms Tray App：如何通过托盘事件打开/关闭或显示/隐藏表单？

我有一个带有事件处理程序的托盘应用程序。每当事件被触发时，我想通过相应的弹出图像通知用户状态。此图像应在 ...

c# winforms event-handling tray

回答 1 投票 0

我可以在亚马逊 s3 事件中使用前缀和后缀作为正则表达式吗？

当名为 ABC-XXXX-input.csv 的文件加载到存储桶中时，我需要运行我的事件，其中 XXXX 是一个数字并且是可变的。所以我认为我需要做的就是正确完成公关...

amazon-web-services amazon-s3 event-handling

回答 0 投票 0

在不同管道中重用消费者的架构建议

我们有一个应用程序可以处理各种管道建模真实世界的工作流，每个管道由多个不同的消费者组成。例如，在 Pipeline 1 中，我们可能有 Consumer...