亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在Safari for iPad中使用jQuery識別觸摸事件?有可能嗎?

如何在Safari for iPad中使用jQuery識別觸摸事件?有可能嗎?

郎朗坤 2019-07-08 16:18:04
如何在Safari for iPad中使用jQuery識別觸摸事件?有可能嗎?使用jQuery可以識別iPad Safari瀏覽器上的觸摸事件嗎?我在Web應用程序中使用了mouseover和mouseOut事件。iPad的Safari瀏覽器是否有類似的事件,因為沒有像mouseOut、mouseMove這樣的事件?
查看完整描述

3 回答

?
當年話下

TA貢獻1890條經驗 獲得超9個贊

如果您使用的是jQuery1.7+,那么它甚至比其他所有的答案都要簡單。

$('#whatever').on({ 'touchstart' : function(){ /* do something... */ } });


查看完整回答
反對 回復 2019-07-08
?
慕神8447489

TA貢獻1780條經驗 獲得超1個贊

最簡單的方法是使用像Hammer.js這樣的多點觸摸JavaScript庫..然后您可以編寫如下代碼:

canvas    .hammer({prevent_default: true})
    .bind('doubletap', function(e) { // And double click
        // Zoom-in
    })
    .bind('dragstart', function(e) { // And mousedown
        // Get ready to drag
    })
    .bind('drag', function(e) { // And mousemove when mousedown
        // Pan the image
    })
    .bind('dragend', function(e) { // And mouseup
        // Finish the drag
    });

你可以繼續前進。它支持水龍頭,雙龍頭,滑動,保持,轉換(即捏)和拖動。當發生等效的鼠標操作時,觸摸事件也會觸發,因此不需要編寫兩組事件處理程序。哦,如果您想要像我這樣以jQueryish方式編寫,那么您需要jQuery插件。


查看完整回答
反對 回復 2019-07-08
?
心有法竹

TA貢獻1866條經驗 獲得超5個贊

對于觸摸事件,核心jQuery沒有什么特別之處,但是您可以使用以下事件輕松地構建自己的

  • 觸地啟動
  • 觸移
  • 觸端
  • 觸取消

例如,touchmove

document.addEventListener('touchmove', function(e) {
    e.preventDefault();
    var touch = e.touches[0];
    alert(touch.pageX + " - " + touch.pageY);}, false);

這可以在大多數基于Webkit的瀏覽器中工作(包括。機器人)。

這里有一些很好的文檔:


查看完整回答
反對 回復 2019-07-08
  • 3 回答
  • 0 關注
  • 739 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號