开发的时候遇到一个bug,文本区域双击会插入问题答案,但是这时候如果不点击答案插入,点击旁边的话,答案消失后文本区域的滚动条就动不了了,需要对焦才能再次滚动,在查看了代码之后,发现在插入答案代码的地方发现了这段代码:
defferScroll: function(event) {
event.preventDefault();
}
document.body.addEventListener('wheel', this.defferScroll, {
passive: false
});
原来是阻止了鼠标滚轮的默认行为。那按理说点击旁边的时候应该会移除掉才对,其实也有加上这段代码:
document.body.removeEventListener('wheel', this.defferScroll, {
passive: false
});
但问题出现了,他在点击方法里面先移除了,然后又调用了上面的代码,导致鼠标事件还是没移除掉,只要把顺序调换一下然后就可以了。