AngularJS-如何仅在cilck事件上不触发移动设备上的悬停动作(ng-mouseenter)

Marcturis

我正在使用AngularJS,并且目前同时具有悬停行为(使用ng-mouseenter和ng-mouseleave),因此当您将鼠标悬停在我的内容元素上时,它将在页面上显示内容,但是如果您单击该元素(使用ng -click),它应该进入该元素的详细信息页面。

我将所有这些配置在相同的<div>,并且可以在台式机上使用。但是,如果我使用我的iPhone,则当我单击该元素时,它将触发悬停操作而不是单击操作。需要第二次单击才能执行单击操作,我希望它在移动设备的第一次单击时触发。

我怎样才能做到这一点?

谢谢你尽你所能的帮助。

ArtemKh

您应该模拟双击触摸设备。您可以使用以下指令:

angular.module('app').directive('touchDevicesClick', function() {
  return function(scope, elem) {
    var element = angular.element(elem);
    element.on('touchstart', function(e) {
      element.triggerHandler('click')
    });
  };
})

或者你可以$(elem).click()改用element.triggerHandler('click')

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJS在Mouseenter上更改类(悬停)

来自分类Dev

在AngularJS中用ng-mouseenter提示

来自分类Dev

angularjs,tooltipster-mouseenter问题

来自分类Dev

angularjs,tooltipster-mouseenter问题

来自分类Dev

触发Mouseenter事件

来自分类Dev

触发Mouseenter事件

来自分类Dev

jQuery mouseenter不触发

来自分类Dev

jQuery mouseenter不触发

来自分类Dev

ng-mouseleave在mouseenter上触发

来自分类Dev

Javascript mouseenter 事件仅在光标移动足够快时触发

来自分类Dev

jQuery MouseOut触发mouseEnter

来自分类Dev

在AngularJS中,如何修改ng-click以在移动设备上的touchEnd上触发?

来自分类Dev

在AngularJS中,如何修改ng-click以在移动设备上的touchEnd上触发?

来自分类Dev

无法在img mouseenter上触发锚点悬停

来自分类Dev

jQuery在mouseenter和onclick上

来自分类Dev

在平板电脑上使用ng-mouseenter或ng-mouseover时,ng-click不触发

来自分类Dev

绝对定位元素上的 Mouseenter 事件

来自分类Dev

UserControl的标签隐藏了MouseEnter事件

来自分类Dev

RichTextBox的MouseEnter事件处理程序

来自分类Dev

jQuery mouseenter事件未执行

来自分类Dev

如何使用jquery在mouseenter上显示全文?

来自分类Dev

在iOS Safari和其他触摸设备上触发的jquery mouseenter。如何停止呢?

来自分类Dev

如何避免在jquery中的mouseenter事件上闪烁?

来自分类Dev

Mouseenter / Mouseleave上的SVG使用和jQuery

来自分类Dev

在mouseenter上隐藏div-但请保留

来自分类Dev

ListView:在MouseEnter上检索行值

来自分类Dev

Mouseenter / Mouseleave上的SVG使用和jQuery

来自分类Dev

在mouseenter上禁用了图像链接

来自分类Dev

在mouseenter上显示子菜单,但在悬停时消失

Related 相关文章

热门标签

归档