input组件获取自己属性值问题

ligaohu1 · 发表于 2017-3-24 17:06:46

本帖最后由 ligaohu1 于 2017-3-24 17:46 编辑

有一个非常简单的代码，如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html的input输完一个直接跳到下一个</title>
</head>

<body>
<div class="input" id="coupon">
<input type="text" placeholder="红" name="sn1" maxlength="120" id="sn1">

</body>
<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script>
<script>

      var i=2;
//默认第一个显示focus
$(document).ready(function() {
      //自动跳到下一个输入框
         $(this).keyup(function(e) {
                        console.log($("#sn1").val());
            })
      });
</script>
</html>

经过html页面输入后效果见图《html执行结果.png》

于是我想通过wex5 实现相同的功能，代码如下：
      Model.prototype.input1Keyup = function(event){
            var input_val=this.comp('input1').val();
            console.log(input_val);
      };
问题：
最后发现，输入阿拉伯1-6时取到的input_val 为空。但是当鼠标点击input框外。再次点击回input组件，输入7-0时，却只能取到123456。效果见图《wex5执行结果.png》

以上问题，请协助排查，谢谢！

半导体 · 发表于 2017-3-24 17:09:12

应该是 this.comp('input1').value吧

ligaohu1 · 发表于 2017-3-24 17:45:32

半导体发表于 2017-3-24 17:09
应该是 this.comp('input1').value吧

报错了：
this.comp('input1').value is not a function !

val语法没问题，参见http://doc.wex5.com/?p=8159你自己试试吧！

liangyongfei · 发表于 2017-3-24 18:07:40

input组件设置 valueUpdateMode="keyup" 属性即可！按键立即生效！

ligaohu1 · 发表于 2017-3-26 19:00:53

liangyongfei 发表于 2017-3-24 18:07
input组件设置 valueUpdateMode="keyup" 属性即可！按键立即生效！

这个回复正确，可以结贴!

		自动登录	找回密码
密码			注册

[结贴] input组件获取自己属性值问题