第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

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

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

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

5 回答

已采納
?
Keyro

TA貢獻105條經(jīng)驗 獲得超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是一個事件
  • 目訫
    目訫
    非常感謝你,我已經(jīng)找到了解決的方法。
?
目訫

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

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

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

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

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

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

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

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

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

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號