JS监听input事件，有输入法时打字完成后触发事件

最新推荐文章于 2025-05-28 10:07:13 发布

原创最新推荐文章于 2025-05-28 10:07:13 发布 · 5.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #javascript

javascript 同时被 2 个专栏收录

7 篇文章

订阅专栏

html

1 篇文章

订阅专栏

本文探讨了在网页中使用JavaScript监听文本输入事件的方法，包括compositionstart和compositionend事件的处理，以及如何在输入法环境下准确捕捉用户输入。通过实例代码展示了如何在不同输入状态间切换，以实现更精准的文本输入监控。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="js/jquery.js"></script>
</head>
<body>
	<div id="div-detail">
		<div id="sclt-div"><input id="ipt" type="text"></div>
	</div>
	
<script>
	var flag = false;
	$('#ipt').on('input', function () {
	 if (!flag) 
	      console.log($(this).val());
   }).on('compositionstart', function () {
      flag = true;
      console.log('输入法，录入开始');
   }).on('compositionend', function () {
      flag = false;
      
      console.log('输入法，输入结束');
   });
</script>
</body>
</html>