2021-02-21 compositionstart 和 co

composition-xxx事件是input编辑框具有的事件

截屏2021-02-21 下午5.56.54.png

有时业务需求要在input事件之前拦截一些操作，就需要使用这两个事件了

网上很多教程都是定义一个全局变量进行控制，这样代码不仅多了难找，而且容易忘记

看vue在v-model源码里的操作

input.addEventListener('input', function (e) {
   if(e.target.composing) return
  // do sth
})

input.addEventListener('compositionstart', function (e) {  
  e.target.composing = true
})

input.addEventListener('compositionend', function (e) {  
  if(!e.target.composing) return
  e.target.composing = false
  //do sth
})