jQuery click() 在移动浏览器中不起作用

Question

<button class="proceed">
    <div class="text-sm-bold clr-white" onclick="proceedBook()">PROCEED FOR BOOKING</div>
</button>
<button id="hid-cb" hidden type="submit" class="proceed-btn" name="conform-booking">PROCEED FOR BOOKING</button>

const proceedBook= ()=>{$("#hid-cb").click()}

$("#hid-cb").click()

不适用于移动设备

我使用 jQuery vclick

const proceedBook= ()=>{$("#hid-cb").vclick()}

错误：未捕获类型错误：$(...).vclick 不是函数

Answer 1

const proceedBook = () => {
$("#hid-cb").trigger('click');
} 

当调用proceedBook()函数时，这将触发隐藏按钮上的“click”事件。

为了移动兼容性，请确保您的移动环境支持您正在使用的事件。有时，某些事件在移动浏览器上的行为可能有所不同，您可能需要使用触摸事件或其他特定于移动设备的事件。

const proceedBook = () => {
// Check for mobile and trigger appropriate event
if (/Mobi/.test(navigator.userAgent)) {
    $("#hid-cb").trigger('touchstart'); // Use touchstart for mobile
} else {
    $("#hid-cb").trigger('click'); // Use click for non-mobile
}
}