码迷,mamicode.com
首页 > 其他好文 > 详细

elementui form enter刷新问题

时间:2020-12-15 12:00:55      阅读:1      评论:0      收藏:0      [点我收藏+]

标签:输入   ===   attr   ber   inpu   typelist   onkeydown   lis   NPU   

//在生命周期中监听键盘keydown事件

const _this = this;

document.onkeydown = function(e) {
  console.log(e)
  if (e.keyCode === 13) {
    const isFromHaveOneInput = _this._isFromHaveOneInput(e.target)
    if (isFromHaveOneInput) {
      e.preventDefault()
    }
  }
}

//判断表单中是否只有一个input 输入框

_isFromHaveOneInput(target) {
  const form = target.form
  const typeList = [‘password‘, ‘number‘, ‘email‘, ‘search‘, ‘tel‘, ‘text‘]
  if (target.nodeName !== ‘INPUT‘) {
    return false
  }
  if (!form) {
    return false
  }
  const formChildInput = []
  let i = 0
  while (form[i]) {
    if (form[i].nodeName === ‘INPUT‘ && typeList.includes(form[i].getAttribute(‘type‘))) {
      formChildInput.push(form[i])
    }
    i++
  }
  return formChildInput.length === 1
}

elementui form enter刷新问题

标签:输入   ===   attr   ber   inpu   typelist   onkeydown   lis   NPU   

原文地址:https://www.cnblogs.com/dxl-ggr/p/14108060.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!