数字（Number）

功能说明

该控件用于数字录入。

HTML5

<input id="number0" min="-9.99999999E8" precision="2" max="9.99999999E8" roundValue="5" placeholder="1,000.32" type="number" roundType="value" value="100.29" onchange="digitchange()"/>

属性列表

属性名	属性值	说明
type	number	控件的类型为数字，不可更改
value		文本框输入的值
autofocus	autofocus	在页面初始化加载的时候将自动获得焦点
placeholder		未获得焦点时的提示文本信息，即预置文本
max		控件输入的最大值，默认值为9.99999999E8
min		控件输入的最小值，默认值为-9.99999999E8
precision		输入的数字的精度，即设置小数位数，默认值为2
roundValue		当roundType=”value”时，即舍入值，当roundValue=”5”时，即四舍五入
roundType	floor/top/value	舍入类型，默认值为value（value：按roundValue设置的值进行舍入操作；floor：全舍，即超过精度的小数位数，不论后一位值是多少，都舍弃；top：全入，即超过精度的小数位数，不论后一位值是多少，都加1）
keyboardoffset		输入控件弹出键盘Window的位移，解决键盘遮挡
bindfield		控件绑定字段

事件列表

事件名	说明
onchange	内容改变时触发的事件
oninput	输入类控件用户输入时触发的事件，焦点不需离开

实例

1、获取或修改数字输入框的值

$id("number0").get("value");//得到的值为String类型的123
$id("number0").set("value", 123);

2、onchange事件的使用

<input id="number0" min="-9.99999999E8" precision="2" max="9.99999999E8" roundValue="5" placeholder="1,000.32" type="number" roundType="value" value="100.29" onchange="digitchange()"/>

function digitchange(sender, args) {
    $alert("数字输入框:" + $id(sender).get("value"));
}

3、oninput事件的使用

<input id=" number0" oninput="this.oninput()"/>

function com$requirements$Input_onchangeController$oninput(sender, args) {
    $ctx.dataCollect();
    var value = $id("number0").get("value"); //每输入一个字符就获取
    $id("number0").set("value", value); // number0每输入一个字符，焦点不需离开就在number0中显示
}

4、让输入控件获得焦点

function com$requirements$Input_focusController$button2_onclick(sender, args) {
    var data = $id("number0").get("value");
    if (data.length < 8) {
        $alert("您输入的密码不足8位，请重新输入");
        $id("number0").focus(); //number0的value长度不足8位时，让光标回到number0上
    } else {
        $alert("保存成功");
    }
}

5、让输入控件获得焦点，并在焦点处插入字符

function com$requirements$Input_focusController$button2_onclick(sender, args) {
    var data = $id("number0").get("value");
    if (data.length < 8) {
        $alert("您输入的密码不足8位，请重新输入");
        $id("number0").focus(); //number0的value长度不足8位时，让光标回到number0上
        $id("number0").insert("888")//焦点的数字输入框最后插入888
    } else {
        $alert("保存成功");
    }
}

6、让输入控件获得焦点，并在指定的位置处插入字符

function com$requirements$Input_focusController$button2_onclick(sender, args) {
    var data = $id("number0").get("value"); //假设数字框输入字符为12345
    if (data.length < 8) {
        $alert("您输入的密码不足8位，请重新输入");
        $id("number0").focus(); //number0的value长度不足8位时，让光标回到number0上
        $id("number0").insert(1, "888")// 128882345
    } else {
        $alert("保存成功");
    }
}

文档更新时间: 2018-01-12 16:32