目录
滑块(Range)
功能说明
滑动设置进度或大小。
HTML5
<input id="range0" min="0" max="100" type="range"/>
属性列表
属性名 | 属性值 | 说明 |
---|---|---|
type | range | 控件类型,不可修改 |
max | 设定滑块最大显示值 | |
min | 滑块的最小值 | |
progress | 设定滑块当前显示位置 | |
step | 滑动时滑块的进度值(步长) | |
bindfield | 控件绑定字段 | |
progress-image | 滑块轴的背景图片 | |
rate-image | 滑块进度图片 |
事件列表
事件名 | 说明 |
---|---|
onchange | 内容改变时触发的事件 |
支持公共事件
参见公共事件说明
实例
1、获取或修改滑块当前显示位置
$id("xxx").get("max");
$id("xxx").set("max", "100")//设定滑块最大值
$id("xxx").get("min");
$id("xxx").set("min", "0")//滑块最小值
$id("xxx").get("progress");
$id("xxx").set("progress", "53")//滑块当前值0~53
2、onchange事件的使用
<input id="range0" min="0" max="100" type="range" onchange="huakuaiChange()"/>
function huakuaiChange() {
var value = $id("range0").get("value");
$id("progressbar0").set("progress", value);
}
文档更新时间: 2018-01-12 16:34