范围控制输入事件未触发

Question

我用范围滑块编写了以下代码。更改事件未触发。 我不确定-我要去哪里错了。代码在这里。

https://www.w3schools.com/code/tryit.asp?filename=G1TE5DRCNRYC

有人可以建议吗？

Answer 1

正如@bassxzero在他的评论中所说，您仅会错过包含jquery的脚本标签。参见下面的代码段

	$(document).ready(function() {$(document).on('input', '.slider', function() {alert( $(this).val());});});

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="slidecontainer">     	
		<div><input type="range" min="1" max=100 value=50 class="slider" id="SpeedRange" /></div>
	</div>