2021-02-21 compositionstart 和 co

2021-02-21  本文已影响0人  rub1cky

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

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

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

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

vuev-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
})
上一篇 下一篇

猜你喜欢

热点阅读