app內嵌 h5頁面 再滑動的時候 觸發擊穿底下的一些touchstart事件
阿新 • • 發佈:2019-01-10
control touch .com images click remove rem screen close
我們的目的是再滑動的時候 不要觸發到touchstart事件。
// 再滑動的時候無法點開視頻 var is_scroll_start,is_scroll_end; $(window).on({ ‘touchstart‘:function(){ is_scroll_start=$(document).scrollTop(); }, ‘touchmove‘:function(){ is_scroll_end=$(document).scrollTop(); }, ‘touchend‘:function(){ setTimeout(function(){ is_scroll_end=$(document).scrollTop(); },300) } })// 點擊播放 $(‘.ys_myzh_c4_btm‘).on(clickEvent,‘.ys_bj_contmdfn‘,function(event){ if(is_scroll_start==is_scroll_end){ var videosrc=$(this).attr(‘videsrc‘); // console.log(videosrc); if(videosrc){var videostr=‘<div class="yx_play_video">‘+ ‘<div class="yx_play_video_bg"></div>‘+ ‘<video class="yx_play_video_in" width="" height="" controls>‘+ ‘<source src="‘+videosrc+‘" type="video/mp4"></source>‘+ ‘</video>‘+ ‘<div class="close_video_yx"><img src="images/close_video_yx.png"/></div>‘+ ‘</div>‘; $(‘.yx_mycansaipage‘).append(videostr); $(‘.yx_play_video_in‘)[0].play(); // videofullScreen($(‘.yx_play_video_in‘)[0]); // 播放完畢自動關閉 $(‘.yx_play_video_in‘)[0].addEventListener("ended",function(){ $(‘.yx_play_video‘).remove(); }) } } })
app內嵌 h5頁面 再滑動的時候 觸發擊穿底下的一些touchstart事件