18910140161

带有onchange函数的JavaScript-HTML5滑块-堆栈溢出

顺晟科技

2022-10-19 13:39:46

20

我有一个滑块(输入类型范围),当值被更改时,它应该运行一个函数。然后,函数应该在单独的div容器中显示新值。在函数中放置警报后,我知道函数没有被调用,但在谷歌搜索了一个小时并尝试了几种不同的方法后,我还是找不到错误。

以下是HTML部分:

<input id="slide" type="range" min="1" max="100" step="1" value="10" onchange="updateSlider(this.value)">

<div id="sliderAmount"></div>

JavaScript:

<input id="slide" type="range" min="1" max="100" step="1" value="10" onchange="updateSlider(this.value)">

<div id="sliderAmount"></div>

顺晟科技:

它起作用了,您只需要确保在呈现元素时定义了JavaScript函数,例如:

<input id="slide" type="range" min="1" max="100" step="1" value="10" onchange="updateSlider(this.value)">

<div id="sliderAmount"></div>

请参见此演示:https://jsfiddle.net/mmgxg/

更好的方法是删除内联属性:

<input id="slide" type="range" min="1" max="100" step="1" value="10" onchange="updateSlider(this.value)">

<div id="sliderAmount"></div>

然后在JavaScript代码中添加监听器:

<input id="slide" type="range" min="1" max="100" step="1" value="10" onchange="updateSlider(this.value)">

<div id="sliderAmount"></div>

https://jsfiddle.net/ppbuj/

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航