解决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