javascript - onclick 和 href 无法在移动设备上协同工作

Question

我使用带有两个 Pane 的 kendo ui splitview。这是我尝试过的:

<ul>
<li data-icon="net"><a id="clicker" onclick="testfunc()" href="#emptytestpage" data-target="main-pane">Empty </a></li>
</ul>

function testfunc(){


    alert("TEST");
}
</script>

这在装有 win7 或其他台式电脑的 google chrome 浏览器上效果很好，但是当我在 Android 平板电脑上启动它或在 iPhone 上启动它不起作用。在移动设备上 onlick 事件不起作用，我不知道为什么。如何使用 href 打开新页面并同时启动某个功能？为什么它可以在桌面上运行，而不能在移动设备上运行？

有人可以帮我吗？

Answer 1

您应该删除内联 onclick 和 ontouchend 事件。然后，您可以根据平台动态添加 click 或 touchend 事件:移动设备或桌面设备。我还做了一个fiddle .

大致如下:

$(document).ready(function() {
    var clickHandler = function(e) {
            // Do other stuff on desktop;
            alert('desktop');
        },
        touchendHandler = function(e) {
            // Do other stuff on mobile;
            alert('mobile');
        },
        initClickOrTouchEventFor = function(elementSelector) {
            var el = $(elementSelector);

            // We're on mobile.
            if (mobilecheck()) {
                console.log('attaching touchend event on mobile');

                el.on('touchend', touchendHandler);
            }
            // We're on desktop.
            else {
                console.log('attaching click event on desktop');

                el.on('click', clickHandler);
            }
        };

    initClickOrTouchEventFor('#clicker');
});