jQuery stopPropagation 用于点击 android

Question

我有一个 "hiddeable" 元素，当用户点击它时它会隐藏，除了当用户点击输入文本字段时，脚本非常简单：

$('#main_table #sidebar .mini_hid').click(function(){
    $('#main_table #sidebar').removeClass('show');
});
$('#main_table #sidebar .mini_hid input[type="text"]').click(function(e){
    e.stopPropagation();
});

为了隐藏元素，我删除了 "show" class，为了避免点击文本字段触发它，我使用了 stopPropagation。

这在计算机和 Mac 上运行良好，但在 Android 设备上停止传播不起作用，因此当用户单击文本字段时，整个元素将隐藏。

我需要 stopPropagation() 来避免隐藏它的容器。

Answer 1

好的，我通过更改 mouseup 的 click 事件解决了这个问题。

$('#main_table #sidebar .mini_hid').mouseup(function(){
    $('#main_table #sidebar').removeClass('show');
});
$('#main_table #sidebar .mini_hid input[type="text"]').mouseup(function(e){
    e.stopPropagation();
});

这不是真正的完整解决方案，而是一种解决方法。

jQuery stopPropagation 用于点击 android

jQuery stopPropagation for click on android

jquery

android

stoppropagation