Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
发送到JavaScript变量的隐藏inputfield中的实时更改?_Javascript_Variables_Hidden - Fatal编程技术网

发送到JavaScript变量的隐藏inputfield中的实时更改?

发送到JavaScript变量的隐藏inputfield中的实时更改?,javascript,variables,hidden,Javascript,Variables,Hidden,我试图在运行时读取一个隐藏的元素,因为它被JavaScript滑块(Tigra滑块控件)更改,并将存储的数字放入JavaScript变量中 然而: -我在某处读到onchange:“”函数被呈现为null,因为当通过用户以外的方式操纵字段时,它不会触发 -我试图避免必须按下按钮来设置运动中的读数,其想法是当用户滑动条时,连接到数字的图像会发生变化 如果有人能帮我解决这个问题,我将不胜感激 -~Rik没有涉及此场景的事件,因此唯一真正的方法是轮询输入元素的值 我不建议您这样做,因为这是一个糟糕的实

我试图在运行时读取一个隐藏的元素,因为它被JavaScript滑块(Tigra滑块控件)更改,并将存储的数字放入JavaScript变量中

然而:

-我在某处读到onchange:“”函数被呈现为null,因为当通过用户以外的方式操纵字段时,它不会触发

-我试图避免必须按下按钮来设置运动中的读数,其想法是当用户滑动条时,连接到数字的图像会发生变化

如果有人能帮我解决这个问题,我将不胜感激


-~Rik

没有涉及此场景的事件,因此唯一真正的方法是轮询输入元素的值

我不建议您这样做,因为这是一个糟糕的实现,解决问题的更好方法是

  • 更改滑块控件的源代码,以允许在滑块改变位置时触发回调函数

  • 使用另一个已经实现此功能的滑块控件-通过谷歌搜索,应该有很多选择

  • 如果您仍然希望通过轮询输入字段的值来实现它,可以这样做:

    <script>
      var hiddenInputElement = document.getElementById('*insert id of input field*'),
          hiddenInputElementPreviousValue;
      setInterval(function(){
        if(hiddenInputElementPreviousValue != hiddenInputElement.value) {
          hiddenInputElementPreviousValue = hiddenInputElement.value;
          /* value has changed, act on it */
        }
      }, 100);
    </script>
    
    
    var hiddenInputElement=document.getElementById('*insert-id-of-input-field*'),
    hiddenInputElementPreviousValue;
    setInterval(函数(){
    if(hiddenInputElementPreviousValue!=hiddenInputElement.value){
    hiddenInputElementPreviousValue=hiddenInputElement.value;
    /*价值观已经改变,行动起来吧*/
    }
    }, 100);
    

    当然,您可以将时间间隔更改为100ms以外的值-任何适合您需要的值

    完美答案-我只是瞥了一眼这个滑块控件,是的。。。你可以做得更好。