javascript touchmove jQuery的鼠標觸發ios的Safari和其他觸摸設備。 如何阻止它?




touchstart (2)

您可以嘗試使用jQuery Mobile Virtual Mouse (vmouse) Bindings ,如下所示:

    $('BODY').on('vmouseover', '.card', function (event) {
        $(this).addClass('is-hovered');
    });

    $('BODY').on('vmouseout', '.card', function (event) {
        $(this).removeClass('is-hovered');
    });

關於這些事件:

http://api.jquerymobile.com/vmouseover/

http://api.jquerymobile.com/vmouseout/

我在我的網站上有以下代碼:

    /* Show arrows when card is hovered */
    $('BODY').on('mouseenter', '.card', function (event) {
        $(this).addClass('is-hovered');
    });

    $('BODY').on('mouseleave', '.card', function (event) {
        $(this).removeClass('is-hovered');
    });

這個想法不是在帶有鼠標的設備上,當鼠標懸停在它們上面時,每張卡片都會顯示小箭頭。 在觸摸設備上,這些箭頭永遠不會出現,因為可以刷卡。

問題是,當您按下卡片時,iOS Safari中觸發了jQuery鼠標事件。 並不總是,但特別是當按下卡內的圖像。 儘管這似乎是相當隨機的。 我可以禁用Safari註冊懸停嗎?






touch