<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>oninput</title>
</head>
<body>
<label for="color">颜色: </label>
<input id="color" type="color" value="#e49cc0" name="color">
<br>
<label for="number">数量:</label>
<input id="number" type="number" name="number" min="0" max="10" step="1" value="6">
<br>
<label for="range">范围：</label>
<input id="range" type="range" name="range" min="1" max="10" step="1" value="6">
<br>
<input type="submit">
<script>
/*参考：https://www.runoob.com/tags/ref-eventattributes.html*/
let color = document.getElementById("color");
color.oninput = function (event) {
// console.log("event:", event);
console.log("color:", color);
console.log("color.value:", color.value);
}
</script>
</body>
</html>
04-24
5795
5795
12-09
5779
5779
“相关推荐”对你有帮助么？
-
非常没帮助 -
没帮助 -
一般 -
有帮助 -
非常有帮助
提交
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
