如何动态的获取input控件的数据

发布于
2016-08-25

更新于
2016-09-27

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src='js/event.js'></script>
    <script>
        EventUtil.addHandler(window,'load',function(){
            var form=document.getElementsByTagName('form')[0];
            var input=document.getElementById('range');
            
            EventUtil.addHandler(input,'mousedown',function(){
                var doc=document.createTextNode(input.value);
                EventUtil.addHandler(input,'mousemove',function(event){
                    form.appendChild(doc)
                    EventUtil.addHandler(input,'mouseup',function(event){
                        
                    })
                })
            })    
        })
    </script>
</head>
<body>
    <form>
    <input id='range' type="range" min="1" max="10" >
    </form>
</body>
</html>
</body>
</html>

javascript

阅读 5.1k

4 个回答

document.getElementById('range').value 取值没有问题
document.createTextNode(xxx) 创建节点没有问题
后面的找 form 和把 doc 加到 form 里也没有问题
…………

问题是你的代码是什么时候执行的。目前来看是页面加载的时候执行的，但是看你的意思，你应该是想在拉动滚动条的时候执行，那么相应的事件处理呢？