點擊不適用於移動瀏覽器

Question

我有以下問題，我有一個

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

它可以在任何桌面瀏覽器上運行，但不會在Ipad / Iphone和Android上單擊。

Answer 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();
                });
            }
        };
    });