其他分享
首页 > 其他分享> > 解决el-pagination的enter事件和页面全局监听enter冲突

解决el-pagination的enter事件和页面全局监听enter冲突

作者:互联网

       在后台管理项目中,搜索条件支持enter搜索,我们在全局绑定了监听enter事件。element-ui组件pagination分页jumper功能支持手动输入要跳转的页码并按enter跳转页码,此时就出现了enter冲突的问题。鼠标焦点在pagination的页码输入框输完页码点enter,只是想跳转指定页码,但此时会触发全局绑定的enter事件。

       解决方案: 在绑定全局监听enter事件时,加入判断 e.target.parentNode.className != "el-input el-pagination__editor is-in-pagination"

document.onkeydown = function (event) {
  const e = event || window.event || arguments.callee.caller.arguments[0];
    if (e && e.keyCode === 13 && e.target.parentNode.className != "el-input el-pagination__editor is-in-pagination") {
       // 执行的操作
    }
};

 

标签:el,pagination,enter,跳转,页码,event
来源: https://www.cnblogs.com/reminiscexu/p/15984544.html