前端问题求助input type=“range”问题求助

目前我在做这样一个功能，PC端和手机端同步显示某个进度条。
原理是这样的，当我点击PC端的进度条时，手机端要跟着同步显示

前端代码：

<div class="one"><span style="font-size:20px; color:black">照明</span><input type="range" name="range" id="lighting_1" class="slider" value="0"/><span id="value1" style="display:block" class="value1">0%</span></div>

javascript代码：

function change1() {self_control = true;var value = $('#lighting_1').val();var valStr = value + "% 100%";var dataType = "lighting" + "_" + "1";$('#value1').html(value + "%");$('#lighting_1').css({"background-size": valStr})send(dataType, value);};

现在的问题就是我在pc端点了之后，手机端的圆球没有跟着滚过去。

比如这里我下面的示数是57% 但是那个圆球就是没到57，请问这个问题怎么解决。

这个问题相当于是pc和手机端的回显问题。
希望大佬们不吝赐教！

前端问题求助input type=“range”问题求助相关推荐

HTML滑动条自动滑动,HTML5新特性——自定义滑动条（input[type=range]）
HTML 4.01 与 HTML5之间的差异以下 input 的 type属性值是 HTML5 中新增的: color.date.datetime.datetime-local.month.week ...
input type=range标签用法实例代码
在HTML5中,又新增许多新<input>控件类型,比较实用的一个就是<input type="range">,以滑竿的方式来调整value值,在这以前需要 ...
html range关联文本框,HTML5gt;meter标签与input(type=range)标签结合制作简易范围指示器...
HTML5>meter标签与input(type=range)标签结合制作简易范围指示器发布时间:2020-03-26 15:41 很多时候我们能看到这样的表示范围的优化工具,能给人带来很好的 ...
改变 input[type=range] css样式
效果图: 代码: <!DOCTYPE html> <html lang="en"> <head><meta charset="U ...
html5可滑动的文本框,html5 input type=range实现拖拉滑条功能
本文是最新的html5技术实现拖拉条功能.实现如下图所示效果主要功能实现是在拖拉滑动条后,在后台处理textbox中相应的值.但是有的浏览器在拖动滑动条是,textbox里面的值一直变化,会频繁触 ...
HTML input type 输入类型
本章描述 <input> 元素的输入类型. 输入类型:text <input type="text"> 定义供文本输入的单行输入字段: 实例 <for ...
input Type
Html4 type text 默认值.单行的文本区域,输入中的换行会被自动去除. <input type="text" name="text"/> ...
input type属性
<input type="text" autofocus pattern="^\d*[a-z]+" required placeholder=" ...
input type所有功能
input输入框,常用的type属性有button/submit/text/password/checkbox/radio/hidden/file/number等等,随着技术不断的发展,input的功 ...

前端问题求助input type=“range”问题求助

前端问题求助input type=“range”问题求助相关推荐

最新文章

热门文章