单击在移动浏览器上不起作用

【问题标题】：Click not working on mobile browsers单击在移动浏览器上不起作用
【发布时间】：2015-09-08 08:32:06
【问题描述】：

我有以下问题我有一个

<ul>
  <li>
     <a href="/">main page</a>
  </li>
</ul>

这适用于任何桌面浏览器，但不会点击 Ipad/Iphone 和 Android。

【问题讨论】：

这不是安卓。为什么这是带有“android”标签的？
你是说这在移动浏览器中不起作用？如果是这样，那么问题肯定是由其他原因引起的。例如，您是否使用像 jQuery UI 这样的库？
@luiscosta 浏览器在安卓设备上，这就是原因
我没有使用任何 jquery 插件@Archer

标签： javascript android ios angularjs ipad

【解决方案1】：

此问题与您提到的设备（Ipad/Iphone、android 手机）有关。 touchend 事件调用 event.stopPropagation() ，因为您无法完成操作。要解决您的问题，您有 2 个解决方案： - 不要把你的代码放在里面

<ul> and <li> and the code will be like that 

<div>
   <a href="/"> main page</a>
</div>

-第二种解决方案创建一个名为 eventStop 的新指令

<ul>
 <li>
   <a href="/" stop-event="touchend">main page</a>
 </li>
</ul>

指令是

.directive('stopEvent', function() {
        return {
            restrict: 'A',
            link: function(scope, element, attr) {
                element.on(attr.stopEvent, function(e) {
                    e.stopPropagation();
                });
            }
        };
    });

【讨论】：