js 之 添加、移除事件监听

js 之 添加、移除事件监听

最近在做vue–H5项目时，需要实现当用户输入内容时，防止因为用户点触摸某处导致页面闪烁。（因为ios端，input框聚焦时，键盘遮挡了input框，所以我在聚焦时给整体加了padding，如果用户不小心触摸了这个padding，整个页面就跟触电一样抖一哈~~奇奇怪怪的现象。。。）言归正传，所以我就想着，加个监听吧，结果…

刚开始时，我是这样写的

// 添加监听

this.$refs.spyj.addEventListener("touchstart", (e) => {
	e.preventDefault && e.preventDefault();
    e.returnValue=false;
    e.stopPropagation && e.stopPropagation();    
    return false;
})

// 移除监听

this.$refs.spyj.removeEventListener("touchstart", (e) => {    
    return true;
})

失败了。。。（蓦然回首，我怕不是个傻子吧？
）
后来，我去找了度娘，嗯，原来如此

// 添加监听
this.$refs.spyj.addEventListener("touchstart",
this.zuzhi)
// 操作
zuzhi() {}
// 移除监听
this.$refs.spyj.removeEventListener("touchstart", this.zuzhi)