input输入中文时,拼音会重复调起input事件

在输入中文会先后触发compositionstart、input、compositionend事件,类似于keydown和keyup的组合,

触发compositionstart时,文本框会填入 “虚拟文本”(待确认文本),同时触发input事件;在触发compositionend时,就是填入实际内容后(已确认文本),那么当调用compositionstart 时需要阻止触发input

代码如下:

var cpLock =true;

$('#searchPeople').off().on({

compositionstart:function () {//中文输入开始

    cpLock =false;

      },

  compositionend:function () {//中文输入结束

    cpLock =true;

    that.userWorkUserList(cpLock)                        输入框输入时这里触发 事件

    },

  input:function () {//input框中的值发生变化

          that.userWorkUserList(cpLock)              删除输入框内容时调起这里的方法

    }

})

userWorkUserList:(val){

if(val){      //cpLock 为false状态下阻止触发  true 状态下触发事件



}

}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 今晚小圈子再次聚会,8人相聚在一起不仅是心无旁骛的有的放矢,更是心照不宣的携手相伴,十几年,一路走过,无数次回头看...
    宋阿娜阅读 1,207评论 1 8
  • 段落六 原文:文子曰:治大者,道不可以小,地广者,制不可以狹,位高者,事不可以烦,民众者,教不可以苛。事烦难治,法...
    andy言道阅读 3,738评论 3 2
  • 手把手教你从知乎吸引精准粉丝 导语:知乎是一个精准人群聚集地,这里存在着对各种分类感兴趣的人群,这样的粉丝粘性很高...
    你在向谁靠近阅读 3,728评论 0 0
  • 《告别》 你要好好的 你得长大 你会有一个成熟的皮囊 和一个干净的灵魂 你不开心? 但纸飞机终究要落地的呀 你可以...
    旁公子阅读 2,939评论 0 0

友情链接更多精彩内容