功能:在做移動端頁面,點擊按鈕彈出灰色的遮罩登錄框,這時也彈出遮罩,需讓后面的body不能再滾動了,效果如下:代碼:html
<p class="btn">點擊出現(xiàn)彈框</p>
<div id = "box">
<p>彈框主體</p>
</div>
<div>遮罩</div>要實現(xiàn)移動端,出現(xiàn)彈框時頁面不能再滾動,用touchmove,阻止默認事件實現(xiàn)js問題描述彈框出現(xiàn)時綁定的touchmove事件,我想在關閉彈框時,把那個不允許滾動的事件取消,但是,如果用我上面的寫法,瀏覽器不會知道on 和 off 事件是指同一個的,,,于是我把阻止頁面的function拎出來了函數(shù)stopTouchMove,on和off都把他執(zhí)行,還是不行! var stopTouchMove = function(param){ param.preventDefault(); } //出現(xiàn)彈框,不許滾動 $(document).on('touchmove',function(e){ stopTouchMove(e); }); //隱藏彈框,再次滾動 $(document).off('touchmove',function(e){ stopTouchMove(e); });問題:1、這個方法有什么問題?如何解決這種要傳入事件源本身的匿名函數(shù),都要調(diào)用的情況?2、是否有手機端,有其他的方法實現(xiàn)此功能?
帶有事件源event的事件,如何多個事件調(diào)用?
白衣染霜花
2018-11-06 13:14:13