1. 程式人生 > >app內嵌 h5頁面 再滑動的時候 觸發擊穿底下的一些touchstart事件

app內嵌 h5頁面 再滑動的時候 觸發擊穿底下的一些touchstart事件

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事件