JS监听中文输入未完成时不执行事件

最新推荐文章于 2024-01-15 21:35:53 发布

donglianyou

最新推荐文章于 2024-01-15 21:35:53 发布

阅读量441

点赞数

分类专栏： js技术文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/donglianyou/article/details/129212452

版权

js技术专栏收录该内容

6 篇文章 0 订阅

订阅专栏

JS监听中文输入未完成时不执行事件

let cnStart;
$(document).on('input propertychange', "input[type=search]", function () {
    if (cnStart === true) {
        return;
    }//如果正在执行中文输入时，此值为true，执行return=>下面代码不执行
    //此处执行AJAX请求判断请求的数据中有没有包含输入的这些字
}).on('compositionstart', function () {//compositionstart 当输入框有非直接的文字输入时触发(如：输入拼音在待选状态时)
    cnStart = true;
}).on('compositionend', function () {//compositionend 当输入框有直接的文字输入时触发(如：输入拼音后完成了中文选择时)
    cnStart = false;
    $("#keywords").trigger('input');
});