Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.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 如何使用<;更改字体大小文本;输入类型=范围>;使用Jquery_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何使用<;更改字体大小文本;输入类型=范围>;使用Jquery

Javascript 如何使用<;更改字体大小文本;输入类型=范围>;使用Jquery,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有HTML,我想在使用Jquery时更改输入类型为range的字体大小文本“…” Html })) 感谢您的观看。首先,您在jQuery事件处理程序中使用错误的选择器来侦听更改事件 在您的情况下(即范围)更改事件仅在释放鼠标后触发,因此您可以使用输入事件跟踪范围更改 $("#fader").on("input change",function () { $('#v-28').css("font-size", $(this).val() + "px"); }); 这是你的电话号

我有HTML,我想在使用Jquery时更改输入类型为range的字体大小文本“…”

Html

}))


感谢您的观看。

首先,您在jQuery事件处理程序中使用错误的选择器来侦听更改事件

在您的情况下(即范围)更改事件仅在释放鼠标后触发,因此您可以使用
输入
事件跟踪范围更改

$("#fader").on("input change",function () {
        $('#v-28').css("font-size", $(this).val() + "px");
});
这是你的电话号码 附言

如果你想使用slider插件,你绝对可以试试


希望这对你的事业有所帮助。

我知道这个问题是关于jQuery的,但是对于在搜索时发现这个问题的人来说,这里有一个不使用jQuery的答案

<input type="range" min="12" max="72" value="16" id="font-size" />

拖动滑块时会引发
输入
事件。
change
事件仅在完成拖动时引发。使用您喜欢的任何内容。

不是有效的HTML元素;这是SVG吗?如果是这样,它需要适当的标签。谢谢。我成功了:)你能再次帮助我吗。谢谢:)
$("#fader").on("input change",function () {
        $('#v-28').css("font-size", $(this).val() + "px");
});
<input type="range" min="12" max="72" value="16" id="font-size" />
var slider = document.getElementById('font-size');

slider.addEventListener('input', function() {
    var size = slider.value;
    // this sets the body's font size property, but you can set whatever you need to
    document.body.style.fontSize = size + "px";
});