【问题标题】:Super event on user interaction用户交互超级事件
【发布时间】:2018-11-02 08:59:32
【问题描述】:

是否有触发任何用户交互的超级事件?

我有一个 Anuglar 应用程序,当用户在活动窗口中执行以下操作时,我想调用一个方法:

  • 点击
  • 按键
  • 滚动
  • 选择

现在我使用这样的东西:

<div (click)="userDidSomething($event)" (keyup)="userDidSomething($event)" (scroll)="userDidSomething($event)">

我需要这样的伪代码

<div (interaction)="userDidSomething($event)">

有这样的活动吗?

【问题讨论】:

  • 您可以创建一个指令来监听提到的事件,并在任何这些事件发生时执行操作。我在这里创建了一个分叉 - stackblitz.com/edit/angular-qzauku 我创建了一个指令来监听剪切复制粘贴事件并防止这些事件。请参阅 block-cut-copy-paste.directive.ts 文件,[preventCutCopyPaste] 是应用于 app.component.HTML 页面中的文本框之一的指令名称。您可以以类似的方式创建指令

标签: javascript angular typescript dom-events


【解决方案1】:

您可以编写一个角度指令来处理您需要的事件。 指令附加到属性之类的元素,您可以通过绑定附加所需的事件数组。

遵循这个角度文档可能会有所帮助 https://angular.io/guide/attribute-directives

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-12-06
    • 1970-01-01
    • 1970-01-01
    • 2011-11-21
    相关资源
    最近更新 更多