q441276270
2021-06-16 09:54
采纳率: 100%
浏览 187

input range 如何实现滑块滑动时数值跟随滑块的位置同时移动

<template>
  <div style="margin-top: 300px">
    <input
        type="range"
        value="0" name=""
        oninput="document.getElementById('show_v').innerHTML=value">
    <label id="show_v">0</label>
  </div>
</template>

 

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • CSDN专家-张老师 2021-06-16 09:56
    已采纳

    用原生js实现

    <input type="range" value="0" name="" oninput="document.getElementById('show_v').innerHTML=this.value">

    已采纳该答案
    1 1 打赏 评论
  • q441276270 2021-06-16 09:56

    哦,补充一下,不要用jQuery,虽然jQuery很好但是我不会用jQuery

    打赏 评论
  • input change事件,一改变就改变lable的innerText 你现在这代码不就可以我试了一下可以啊

    打赏 评论
  • q441276270 2021-06-16 10:10

    像这样,滑块划到哪,数字的位置,数字的位置,数字的位置就跟到哪

    打赏 评论
  • 有问必答小助手 2021-06-18 17:54

    您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

    如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

    ps: 问答会员年卡【8折】购 ,限时加赠IT实体书,即可 享受50次 有问必答服务,了解详情>>>https://t.csdnimg.cn/RW5m

    打赏 评论

相关推荐 更多相似问题