javascript - 如何以编程方式触发 ionic 中的双击事件？

Question

我该怎么做？我已经查看了 ionic 论坛、google 结果，但没有发现任何有用的信息。此外，我已经尝试触发 dblclick、dbltap、doubletap、doubleClick，甚至多个 tap 和 click 事件，但似乎没有任何效果。

我知道我使用的一些事件甚至不存在，我只是想看看 ionic 是否会以某种方式识别它们。此外，我尝试了点击事件，因为该应用程序在浏览器中运行得很好，所以我认为它也可以在规范中运行。

如果有帮助，我需要它来对我的功能进行单元测试。我有一个 ion-list，当用户双击一个 ion-item 时，它会将该项标记为已选中。我的标记目前看起来像这样:

<ion-item on-double-tap="ctrl.toggleProductConfirmation(product)" ...

我的规范是这样的:

describe('when checking an item', function() {
  beforeEach(function() {
    this.element.find('ion-item').eq(0).trigger('doubletap');
  });

** specs here **

最后一个细节:我使用 phantom JS 来运行我的规范。

Answer 1

我在 ionic 论坛上问了同样的问题，幸运的是，有人能够帮助我。

在 ionic 中，显然你总是可以使用 ionic.trigger 来触发你想要的任何事件，这包括 doubletap ( http://ionicframework.com/docs/api/utility/ionic.EventController/#trigger )。

文档有点困惑，所以我会在这里发布我的代码以帮助遇到同样问题的人:

ionic.trigger('doubletap', { target: this.element.find('ion-item').get(0) });

因为我在规范中使用了 jquery，所以我不得不使用 get(0) 来检索 DOM 元素本身，因为直接传递 jQuery 对象对我不起作用。

链接到我在 ionic 论坛中的主题:https://forum.ionicframework.com/t/how-to-programmatically-trigger-doubletap-event/41264