首頁猿問 jquery或者js怎么實時獲取r...

jquery或者js怎么實時獲取range的value值并且輸出？

Html5 JavaScript JQuery

baleia 2017-01-15 19:04:42

我想在content內(nèi)透明度后面跟range的value值如果直接寫+range.value則無論怎么滑動滑塊輸出的都是100求教，怎么才能實時輸出 ?如果用 addEventlistener("input",myFunction) myFuction具體怎么寫類似于下面這個我想把document.getElementById("demo").innerHTML = "值是: " + x;寫在函數(shù)外怎么實現(xiàn)拉動滑塊x一直就是range的value值<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body><input type="range" id="myInput" oninput="myFunction()"><p id="demo"></p><script>function myFunction() {? ? var x = document.getElementById("myInput").value;? ? document.getElementById("demo").innerHTML = "你輸入的是: " + x;}</script></body></html>

查看完整描述

3 回答

習慣受傷

TA貢獻885條經(jīng)驗獲得超1144個贊

麻煩把代碼貼完整一些。否則沒法知道你這代碼邏輯是什么樣的。

2 反對回復 2017-01-16

baleia
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="range" id="myInput" oninput="myFunction()"> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myInput").value; document.getElementById("demo").innerHTML = "值是: " + x; } </script> </body> </html> 類似于這個我想把document.getElementById("demo").innerHTML = "值是: " + x;寫在函數(shù)外怎么實現(xiàn)拉動滑塊x一直就是range的value值

回復 2017-01-16
baleia
我放到問題里了不知道這樣夠不夠清楚我的代碼太長了

回復 2017-01-16