jQuery HTML5 范围滑块中的实时输出

2024-02-12

我正在尝试将 HTML5 输入范围滑块的实时输出获取到 JavaScript 变量中。现在,我正在使用<input type="range" id="rangevalue" onchange="arduino()">

我让它工作的方式是做我想做的事,但这不是“实时”。 我希望在您拖动滑块时它会更新变量,而不仅仅是在您放开滑块时。例如:当我将滑块从 1 拖动到 5 时,我希望变量在拖动时更新,因此它将更新为 1,2,3,4,5,而不仅仅是从 1 跳转到 5 一次我松开滑块。

可以做这样的事吗?有什么建议吗?我使用的是 jQuery 滑块插件,但它不兼容触摸,这消除了它的用途。

提前感谢所有帮助!

编辑 - 我一定没有解释得足够好,我知道如何获取范围滑块的值,我只想从中获得“实时”输出。


$("#rangevalue").mousemove(function () {
    $("#text").text($("#rangevalue").val())
})

jsFiddle 示例 http://jsfiddle.net/j08691/2md8h9x6/

或者用普通的 JS:

var inp = document.getElementById('rangevalue');
inp.addEventListener("mousemove", function () {
    document.getElementById('text').innerHTML = this.value;
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery HTML5 范围滑块中的实时输出 的相关文章

随机推荐

  • 连接到远程 mongoDB 服务器

    我有一台使用 SSH 连接到的远程计算机 我在上面安装了 mongoDB 并且我希望远程使用它 如何使用 nodejs 和 mongoDB compass 连接到它 本地主机是IP吗 const db mongodb what do I w
  • 如何使用 Jackson Mixins 将 json 映射到具有不同结构的 java 对象

    如何转换这个json name abc city xyz 使用 Jackson mixin 到员工对象 3rd party class public class Employee public String name public Addr
  • DataGridView 动态更改数据源

    基本上 当我创建这个 DataGridView 时 我有这段代码来填充它 public void fillDataGrid IQueryable
  • Python For 循环返回最后一个值 |解释

    我有一个简单的问题 我已经解决了 但如果有人能解释一下那就太好了whyfor 循环在 python 中执行此操作 如果有更优雅的方法 如果这是一个愚蠢的问题 真的很抱歉 我已尽力尝试多种方法并查看相关问题 但我仍然不确定为什么它不起作用 我
  • 我怎样才能在 C# 中得到这个正则表达式?

    我正在尝试匹配任何具有type Data 然后将其替换为我想要的文本 下面给出了一个示例输入 可以有一个或多个 layer name cifar type Data top data top label include phase TRAI
  • 如何传递Python args和kwargs?

    虽然我对 Python 的 args 和 kwargs 有一个大致的了解 我认为 但我很难理解如何将它们从一个函数传递到另一个函数 这是我的模型 from pdb import set trace as debug from django
  • 如何在选项卡页面之前添加内容页面或视图

    我想在之前添加页面 视图TabbedPage 我怎样才能做到这一点
  • jQuery 随机块引用

    在过去的两个小时里 我一直在寻找和测试这个问题的各种解决方案 但收效甚微 所以我只能寻求帮助 我想建立一个引用数组 每个引用都有引用和一个链接 可以随机提取 除了在页面刷新时更改它们之外 我不需要任何其他东西 不过 我有一些非常美味的 CS
  • 在数据库中存储枚举值的最佳方法 - String 或 Int

    我的应用程序中有许多枚举 在某些类中用作属性类型 将这些值存储在数据库中的最佳方式是什么 作为字符串还是整数 仅供参考 我还将使用 Fluent Nhibernate 映射这些属性类型 示例代码 public enum ReportOutp
  • dplyr::n() 返回“错误:不应直接调用此函数”

    If I do dplyr mutate MeanValue mean RSSI ReadCount n 一切正常 但是当我尝试限定该函数时 dplyr mutate MeanValue mean RSSI ReadCount dplyr
  • AttributeError:类型对象没有属性

    这是一个有效的多级继承程序 当我运行它时 它显示 AttributeError 类型对象 starts 没有属性 maths 我检查了类的关联 它们继承了 我是一个初学者 所以这对我的进步确实有帮助 class starts def ini
  • 时间图chart.js

    我正在学习如何使用chart js我想要一个图表 以格式 h h mm 显示一天中不同时间 x 轴 的随机值 在 x 轴上 我想要一小时的固定步长 从上午 12 点 0 00 开始 到上午 8 点 8 00 结束 以及数据 例如 x 4 4
  • 必须使用活动访问令牌来查询有关当前用户的信息

    我已经定义了一个访问令牌 它是通过curl 获得的新访问令牌 为什么我仍然收到错误 必须使用活动访问令牌来查询有关当前用户的信息
  • 数据库关联实体和索引

    这是一种一般的数据库设计问题 如果有一个关联实体表 即交叉引用 包含基本上仅由两个 FK 引用组成的记录 是否应该以某种方式对其进行索引 由于关联表中的 PK 已按定义建立索引 是否有必要显式索引该表 如果应该索引它 它应该是一个组合索引
  • 如何将System.IO.Stream转换为图像?

    我怎样才能转换Stream图像 我使用Album GetArt方法从MediaLibrary 转化为可用的Image在我的应用程序中 Easy var img Bitmap FromStream stream
  • 如何在没有科学记数法或尾随零的情况下将浮点数输出到cout?

    在 C 中输出没有科学记数法或尾随零的浮点数的最优雅的方法是什么 float a 0 000001f float b 0 1f cout lt lt a lt lt a lt lt endl 1e 006 terrible don t wa
  • Android 地图标记的非 ASCII 标题

    我希望能够添加一个标题仅包含非 ASCII 字符的标记 marker map addMarker new MarkerOptions title position latlng 不幸的是 该图块没有显示 只有一个空的信息窗口 首先 我认为希
  • 模块化 Rails 应用程序

    我正在寻找一种模块化 Rails 应用程序的方法 正如我所见 没有内置的方法可以实现它 我发现了不同的插件 核心黑客 但我对它们的工作方式和成熟度感到不信任 您有这方面的经验吗 到目前为止我发现了这些 Desert http github
  • 实体框架 - Azure 表存储提供程序 - 枚举支持

    我实际上正在使用 EF 的 Azure 存储表提供程序 EntityFramework AzureTableStorage 7 0 0 beta1 https www nuget org packages EntityFramework A
  • jQuery HTML5 范围滑块中的实时输出

    我正在尝试将 HTML5 输入范围滑块的实时输出获取到 JavaScript 变量中 现在 我正在使用