记录：MUI框架中如何在多个input输入框失去焦点时获取当前input的value值

最新推荐文章于 2022-09-13 22:37:05 发布

原创最新推荐文章于 2022-09-13 22:37:05 发布 · 8.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#MUi框架 #input输入框change事件

input绑定change事件专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用MUI框架为移动端HTML页面中的输入框绑定change事件，当输入框失去焦点时触发事件处理函数，实现对输入值的实时响应。

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

给每个input输入框绑定change事件，在input输入框失去焦点时就会调用

代码如下：

<body>
	<header class="mui-bar mui-bar-nav">
		<h1 class="mui-title">详情页面</h1>
	</header>
	<div class="mui-content" id="main">
		<input type="text" value="1" />
		<input type="text" value="2" />
	</div>
</body>

给input框绑定change事件：

<script type="text/javascript">
	mui.init() //利用mui绑定事件的方法 on 绑定事件  
	mui("#main").on("change", "input[type='text']", function() {
		var a = this.value;
		console.log(a);
	});
</script>

注：如果绑定事件的代码是放在mui.plusReady（）中，一定要真机运行，change事件才回被调用。