怎样在textarea中输入tab

在网面上按tab键,会默认切换鼠标焦点,我们只要在这个默认事件发生之前来阻止就可以了。

本例使用了Vue和IView, 但是主要部分用js就可以

html

<Input @on-keydown="textareaTab" name="content" v-model="textareValue" type="textarea" :rows="4" ></Input>

js

textareaTab (e) {
  if (e.keyCode === 9) {
    if (!this.textareValue) this.textareValue= ''
    this.textareValue+= '\t'
    // 阻止默认切换元素的行为
    if (e && e.preventDefault) {
      e.preventDefault()
    } else {
      window.event.returnValue = false
    }
  }
},
Logo

前往低代码交流专区

更多推荐