el-input聚焦时 页面滚动会数字变化

89 阅读1分钟

image.png 滚栋.gif 参考:blog.csdn.net/active_lm/a…

www.cnblogs.com/miyagi-jiye…

www.bbsmax.com/A/6pdDxVRqd…

vue2 写法:

Vue.directive('stopMousewheel', {
  inserted (el) {
    el.addEventListener('mousewheel', () => {
      const elem = el.tagName === 'INPUT' ? el : el.querySelector('input')
      elem.blur()
    })
  }
})

vue3 写法:

import type {Directive} from 'vue';
const stopMousewheel:Directive = {
    updated:function (el:HTMLElement) {
        el.addEventListener('mousewheel',() => {
            const elem:any = el.tagName === 'INPUT' ? el : el.querySelector('input');
            elem.blur();
        })
    }
};
export default stopMousewheel;