javascript - 防止输入字段上的点击事件

Question

我正在为 iPad 开发 PhoneGap-App。在一个屏幕上，您必须填写一个包含大约 20 个文本字段的表单。由于输入字段仅对点击事件使用react(虽然延迟时间不长但令人讨厌)，我尝试了以下操作:

$('input[type="text"], input[type=number], input[type=date], input[type="tel"], input[type=password], input[type="email"], input[type="url"], textarea, select').live("touchend", function(e) {
    if(!swipe) {
        $(this).focus();
    }
    swipe = false;
    return false;
});

(我在 touchmove 事件中检查滑动)

这行得通，但现在我想阻止输入上的原始点击事件。 问题是，当我使用 .focus() 方法激活输入字段时，键盘弹出并将页面向上滑动一点，然后 click 事件被解雇并激活另一个输入字段，略低于我想要的输入。

为了防止点击我已经尝试过:

$('input[type="text"], input[type=number], input[type=date], input[type="tel"], input[type=password], input[type="email"], input[type="url"], textarea, select').live("click", function(e) {
    return false;
});

但这也行不通:(

有没有其他技巧可以在我触摸它后立即激活输入字段，没有任何延迟？

Answer 1

你可以试试这个

 $('input, textarea, select').click(function(event) {
    event.preventDefault();
 });