jquery - 使多步的 html5 input[type=range] 对齐到中间

Closed. This question needs details or clarity 。它目前不接受答案。












想改善这个问题吗？添加细节并通过 editing this post 澄清问题。

6年前关闭。



Improve this question




我有一个 60000 步的 <input type=range>。
当它靠近中间时，我需要插入符号跳到中间。我怎样才能做到这一点？

我正在使用 Angular 和 jQuery 库。

最佳答案

有一个 HTML5 功能可以使用 list 属性和匹配的 datalist 元素在本地提供制动捕捉。列表中的每个元素都成为滑块中的一个定位点，带有刻度线和捕捉点。

<input type="range" value="0" min="0" max="60000" step="1" list="my-detents">

<datalist id="my-detents">
  <option value="30000">
</datalist>

datalist 元素可以放在 HTML 中的任何位置；它只是定义了供 my-detents 元素使用的列表(此处命名为 input )。

根据 MDN 和 caniuse.com ，截至 2019 年 2 月，Chrome、IE、Edge 和 Safari 预览版支持使用 datalist 和 range 输入。 (Firefox 仅支持用于 datalist 输入的 text。)

关于jquery - 使多步的 html5 input[type=range] 对齐到中间，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28056834/