檢測用戶何時觸摸鏈接

Question

我正在嘗試檢測用戶何時觸摸了網頁內的鏈接以及何時觸摸了頁面的任何其他部分，但操作不正常-發生在以下代碼中的警報“觸摸了非鏈接”彈出了無論我觸摸的是什么，無論它是否鏈接。

這段代碼有什么問題？

function addListeners()
{  
    alert('adding listeners');

    // Attach the listener for touches on non-links to the document node
    document.addEventListener("touchstart", touchesOnNonLinksListerner, false);

    // Attach the listener for touches on links to the anchor nodes
    var links = document.getElementsByTagName("a");
    for (var index = 0; index < links.length; ++index)
    {
        links[index].addEventListener("touchstart", touchesOnNonLinksListerner, false);
    }
}; 

function touchesOnNonLinksListerner(event)
// Catches touches anywhere in the document
{
    alert("touched  a non link");
}

function touchesOnLinksListener(event)
// Listens for touches which occur on links, then prevents those touch events from bubbling up to trigger the touchesOnNonLinksListerner
{
    alert("touched a link");
    if (typeof event == "undefined")
    {
        event = window.event;
    }

    event.stopPropegation();
}

Answer 1

您還已將touchesOnNonLinksListerner附加到鏈接。 而是附加touchesOnLinksListener！