jQuery觸摸屏幕事件為我們提供了更加便捷的開發(fā)方式,在移動設(shè)備上實現(xiàn)各種交互效果。下面我們將具體介紹一下jQuery的觸摸事件。
$('element').on('touchstart', function(e){ // 觸摸開始 });
上述代碼中,我們可以為指定元素綁定觸摸開始事件。當(dāng)用戶在設(shè)備上觸摸該元素時,會觸發(fā)回調(diào)函數(shù),并將事件對象作為參數(shù)傳遞給回調(diào)函數(shù)。
$('element').on('touchmove', function(e){ // 觸摸移動 });
在上述代碼中,我們可以看到為指定元素綁定觸摸移動事件。當(dāng)在設(shè)備上拖動該元素時,會觸發(fā)回調(diào)函數(shù),并將事件對象作為參數(shù)傳遞給回調(diào)函數(shù)。
$('element').on('touchend', function(e){ // 觸摸結(jié)束 });
在上述代碼中,我們?yōu)橹付ㄔ亟壎ㄓ|摸結(jié)束事件。當(dāng)用戶在設(shè)備上取消觸摸屏幕時,會觸發(fā)回調(diào)函數(shù),并將事件對象作為參數(shù)傳遞給回調(diào)函數(shù)。
除了以上三種觸摸事件之外,還有一個特殊的事件---觸摸取消事件。當(dāng)瀏覽器檢測到用戶不再與設(shè)備的觸摸屏幕交互時,會觸發(fā)此事件。
$('element').on('touchcancel', function(e){ // 觸摸取消 });
上述代碼可以為指定元素綁定觸摸取消事件。當(dāng)用戶不再與設(shè)備的觸摸屏幕交互時,會觸發(fā)回調(diào)函數(shù),并將事件對象作為參數(shù)傳遞給回調(diào)函數(shù)。
建議開發(fā)者合理使用觸摸屏幕事件,在移動設(shè)備上給用戶帶來更好的交互體驗。