禁用触摸并按住后的点击事件

Question

我正在 appcelerator 中开发一个 iOS 应用程序，我得到了一张与用户的表。 当我点击用户时，它会打开个人资料，但我也希望用户只需点击并按住 2 秒钟即可复制名称。

这两个事件单独工作正常，但现在点击并按住后单击事件会触发。如何防止点击按住后触发点击事件？

// Set the timeout

    var holdTime = 500, timeout;

    // Create the table touch start event listener

    table.addEventListener('touchstart', function(e) {

        // Set the selected user id

        var itemValue = e.row.value_full;

        // Define the function

        timeout = setTimeout(function(e) {

            // Create the fade out animation

            var fadeOut = Titanium.UI.createAnimation({

                curve: Ti.UI.ANIMATION_CURVE_EASE_IN_OUT,
                opacity: 0,
                duration: 1000

            });

            // Create the loading screen

            var copied = UI_messages.showFlash({label : 'Copied!'});

            // Add the loading screen

            win.add(copied);

            // Save value to clipboard

            Titanium.UI.Clipboard.setText(itemValue);

            // Fade the message out

            copied.animate(fadeOut);

        }, holdTime);

    });

    // Create the event listener for touch move

    table.addEventListener('touchmove', function() {

        // Clear the timeout

        clearTimeout(timeout);

    });

    // Create the event listener for touch move

    table.addEventListener('touchend', function(e) { 

        // Clear the timeout

        clearTimeout(timeout); 

    });

Answer 1

我以前也遇到过这个问题。我使用的解决方案不是很漂亮，但这是我发现的在触摸并按住后抑制触摸事件的唯一有效方法。

我能找到的唯一可行的解​​决方案是在全局命名空间中创建一个 bool 变量。在 setTimeout 函数中，将 bool 的值更改为 true 以指示发生了触摸并按住操作。

在该行的 onClick 事件中，首先检查全局变量，看看您是否已经创建了触摸并按住事件 - 如果有，只需从 onClick< /代码> 事件。当发生触摸并按住时，这将有效地禁用您的点击事件。

请记住在触摸并按住功能结束后将全局变量设置为false。