为了账号安全,请及时绑定邮箱和手机立即绑定

怎么让一个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 关注
  • 1732 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信