jq 监听input 输入的是英文还是汉文

最新推荐文章于 2023-07-20 09:16:10 发布

原创最新推荐文章于 2023-07-20 09:16:10 发布 · 605 阅读

0 ·

CC 4.0 BY-SA版权

这篇博客探讨了如何使用jQuery（jq）监听input事件，以判断用户是在输入英文还是汉字。文章通过示例代码指出，在输入汉字时input事件会被触发多次，而输入英文则只触发一次。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

s
sh
shu
shu'r
shu'ru
shu'ru'y
shu'ru'yi
shu'ru'yi'g
shu'ru'yi'ge
shu'ru'yi'ge'z
shu'ru'yi'ge'zi

输入一个字

输入一个字监听input框事件触发了这么多次，但是我只是打5个字

/** 
 * 预载入
*/
window.onload = function () {
	var doing = false;
	var doSomething = function (e) {
		txt = $('#saytext').val();
		console.log(txt);
		leng = getByteLen(txt);
		mydate = new Date();
		times = mydate.getSeconds();
		obj = [leng, times];
		obj = JSON.stringify(obj);
		if ($.cookie("obj") != null) {
			last_leng = JSON.parse($.cookie("obj"))[0];
			last_times = JSON.parse($.cookie("obj"))[1];
			if (Math.abs(leng - last_leng) != 6) {
				return false;
			}
		}
		if (leng >= 10) {
			$.ajax({
				url: "" + URLROOT + "/user/work/anticipation",
				type: 'POST',
				data: {
					message: txt,
					clientid: clientid
				},
				success: function (data) {
					obj = [leng, times];
					obj = JSON.stringify(obj);
					// console.log(123456789);
					$.cookie('obj', obj);
				}
			})
		}
	}

	document.getElementById('saytext').addEventListener('compositionstart', function (e) {  //compositionstart禁止使用中文输入法
		doing = true;
	}, false);
	document.getElementById('saytext').addEventListener('input', function (e) {
		if (!doing) {
			doSomething();
		}
	}, false);

	document.getElementById('saytext').addEventListener('compositionend', function (e) {//compositionstart禁止使用英文
		doing = false;
		doSomething();
	}, false);
}

打汉字只输入一次