点击事件两次触发，但仅限触摸设备触发

Question

$('.classy').on('click', 'button', function(){
    console.log('clicked');
})

-

<div class='classy'>
    <button> - </button>
</div>

为什么这会在触控设备上发射两次？它与普通鼠标事件完美配合。

注意：我也试过.bind .live只是为了确保同样的问题。

Answer 1

尝试传递事件，然后调用preventDefault（）。

$('.classy').on('click', 'button', function(e){
e.preventDefault();
console.log('clicked');
})