应用场景
在页面中的textarea文字内容比较长的情况下通常需要滚动浏览,这时如果页面上有滚动的话就会冲突,本质上就是冒泡事件,所以我们只需要阻止文本域的冒泡事件即可。在页面中或全局加上如下代码即可:
window.addEventListener('touchmove', function(e) {
let target = e.target;
if (target && target.tagName === 'TEXTAREA') {
e.stopPropagation();
}
}, true)
效果如下: