记录:MUI框架中如何在多个input输入框失去焦点时获取当前input的value值
2018-01-15 16:17
489 查看
给每个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事件才回被调用。
代码如下:
<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事件才回被调用。
相关文章推荐
- 记录H5页面IOS中input输入框失去焦点后,键盘隐藏
- input获取焦点时候value值隐藏,失去焦点的时候显示
- 获取与失去输入框焦点
- input 输入框获得/失去焦点时隐藏/显示文字
- JS小插件-对输入框获取与失去焦点时的操作
- php实现input输入框失去焦点自动保存输入框的数据
- 日常问题记录--jsp中struts2标签如何获取当前页面的url参数
- 如何用jquery获取input输入框中的值?
- input 输入框获得/失去焦点时隐藏/显示文字
- 获取当前时间然后添加到input输入框中
- jQuery表单获取和失去焦点输入框提示效果
- 移动端 mui框架中input输入框或任何输入框聚焦后页面自动上移
- input 输入框获得/失去焦点时隐藏/显示文字
- jQuery的input 失去焦点之后,不能再获取到焦点
- JSP页面中Input输入框获取当前系统时间
- H5 ios input获取焦点挂起软键盘 输入框被遮盖 页面被顶起
- HTML页面中,如何设置一个input输入框的焦点?
- jQuery表单获取和失去焦点输入框提示效果的实例代码
- jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
- 多个input输入框 限制每个输入框输入一位 输入完成自动获取下一个input焦点