1. 程式人生 > >移動端啟用與禁用頁面預設的touchmove事件

移動端啟用與禁用頁面預設的touchmove事件

移動端,同一頁面不同層的划動操作會造成相互影響,需要額外處理
   如:頁面層和彈出層(如picker選擇划動)都有划動,同一個頁面的不同層划動操作,造成相互影響,需要啟用與禁用touchmove來處理.
    addEventListener()和removeEventListener()用於處理指定和刪除事件處理程式操作,所有DOM節點中都包含這兩種方法,
並動接受3個引數:
element.addEventListener(type, listener, useCapture)
element: 要繫結函式的物件;
type: 事件名稱, 'click', 'blur',不能加'on';
listener: 繫結的事件函式,不要跟括號;
useCapture: 布林值,表示該事件的響應順序,
true -> 表示在捕獲階段呼叫事件處理程式, false -> 表示在冒泡階段呼叫事件處理程式
                        使用:
var handler = function(e){
e.preventDefault();
}
document.addEventListener('touchmove', handler, false);//阻止預設事件
document.removeEventListener('touchmove', handler, false);//開啟預設事件
注意: 新增和移除的函式物件應該是同一個,要不然移除不起作用,即listener不能直接用匿名函式function(e){e.preventDefault();}