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)

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！