亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

怎么讓一個text輸入框的寬度跟著range按鈕的value值變化一起變化。

怎么讓一個text輸入框的寬度跟著range按鈕的value值變化一起變化。

目訫 2018-05-14 16:44:24
怎么讓一個text輸入框的寬度跟著range按鈕的value值變化一起變化。有代碼最好了,沒有也可以大致說一下原理,謝謝大家。
查看完整描述

5 回答

已采納
?
Keyro

TA貢獻105條經驗 獲得超21個贊

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<span id="text"></span>

<input type="range" id="rag">

<script>

var rag = document.getElementById('rag');

var text = document.getElementById('text');

rag.oninput = function(){

text.innerText = rag.value;

}

</script>

</body>

</html>


查看完整回答
1 反對 回復 2018-05-14
  • 目訫
    目訫
    oninput是一個事件嗎?
  • Keyro
    Keyro
    是的,oninput是一個事件
  • 目訫
    目訫
    非常感謝你,我已經找到了解決的方法。
?
目訫

TA貢獻6條經驗 獲得超10個贊

https://img1.sycdn.imooc.com//5afa6da00001eab508280874.jpg謝謝回答者的幫助。

查看完整回答
2 反對 回復 2018-05-15
?
目訫

TA貢獻6條經驗 獲得超10個贊

這個問題在@Keyro的幫助下已經得到了很好的解決,我也把我的代碼發出來,可以給有這類問題的朋友做下參考,其實這是一個可拖動的評論控件。

查看完整回答
2 反對 回復 2018-05-15
?
目訫

TA貢獻6條經驗 獲得超10個贊

這個是成品圖。
https://img1.sycdn.imooc.com//5afa6e2c0001628706330183.jpg

查看完整回答
1 反對 回復 2018-05-15
  • 5 回答
  • 0 關注
  • 1815 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號