我正在使用AngularJS,并且目前同时具有悬停行为(使用ng-mouseenter和ng-mouseleave),因此当您将鼠标悬停在我的内容元素上时,它将在页面上显示内容,但是如果您单击该元素(使用ng -click),它应该进入该元素的详细信息页面。
我将所有这些配置在相同的<div>
,并且可以在台式机上使用。但是,如果我使用我的iPhone,则当我单击该元素时,它将触发悬停操作而不是单击操作。需要第二次单击才能执行单击操作,我希望它在移动设备的第一次单击时触发。
我怎样才能做到这一点?
谢谢你尽你所能的帮助。
您应该模拟双击触摸设备。您可以使用以下指令:
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] 删除。
我来说两句