調整jquery中選定文本的字體大小

我想調整文本的大小div。我知道JavaScript代碼，但這裏我想要的只是調整div的font-size的大小或當前用戶選擇div 。調整jquery中選定文本的字體大小

$("#slider").on("change",function(){ 
 
    var v=$(this).val(); 
 
    $('.text').css('font-size', v + 'px'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="range" min="12" max="120" id="slider" /> 
 
<div class="text" contenteditable="true" style="cursor:grab;">hello</div> 
 
<div class="text text1" contenteditable="true" style="cursor:grab;">hello</div> 
 
<div class="text text2" contenteditable="true" style="cursor:grab;">hello</div> 
 
<div class="text text3" contenteditable="true" style="cursor:grab;">hello</div>

如何做到這一點？

來源

2016-10-22 Nithin

這段代碼添加到您的腳本標籤

$('.text').on('focus',function(){ 
    $('.text').removeClass('active'); 
    $(this).addClass('active'); 
})

和更改滑塊的onChange功能，這

$("#slider").on("change",function(){ 
    var v=$(this).val(); 
    $('.text.active').css('font-size', v + 'px'); 
});

在這裏你可以看到它是如何工作的： https://jsfiddle.net/Lwy4oge8/

來源

2016-10-22 09:40:44

Thanku。它正在工作。 – Nithin

不客氣:) –

請你檢查這太http://stackoverflow.com/questions/40191439/click-event-is-not-working-in-contenteditable-div – Nithin

我不熟悉與jQuery。這裏是一個工作的JavaScript代碼。

  var focused = null;[].map.call(document.querySelectorAll(".text"), 
    function (x) { 
     x.onfocus = function() { focused = this;}; 
    }); 
    document.querySelector("#slider").onchange = function() { 
     focused != null ? focused.style.fontSize = this.value + "px" : true;;

來源

2016-10-22 09:45:33 youssouf

可以使用

enter code here 
<html> 
    <div class='text'/> 
<script> 

fontx=documnet.findElementById('slider').value 
documnet.findElementByClassNmae('text').style.font-size=fontx 
</script>

來源

2016-10-22 10:22:34 daniel

調整jquery中選定文本的字體大小

回答

相關問題