利用mousover触发函数对range的操作练习
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>range测试</title> <script type="text/javascript"> function myfunction(){ var x=document.getElementById("rang").value; document.getElementById("text").value=x; } function myfunction2(){ var x=document.getElementById("text2").value; document.getElementById("rang2").value=x; } </script> </head> <body> <!--滑动range获得值--> <p>滑动range获得标值</p> <input type="text" id="text"/><br/> <input type="range" id="rang" onmousemove="myfunction()"/><br/><br/><br/><br/><br/> <!--用值控制range--> <p>输入数字控制range值</p> <input type="text" id="text2" onmousemove="myfunction2()" placeholder="请输入0-100之间的数"/><br/> <input type="range" id="rang2" /> </body> </html>