font-size
에서 텍스트의 크기를 조정하고 싶습니다 div
.JavaScript 코드를 알고 있지만 여기서 원하는 것은 font-size
포커스가 있거나 현재 사용자가 선택된 div의 크기 만 조정하는 것 입니다 div
.
$("#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>
어떻게하나요?
이 코드를 스크립트 태그에 추가하십시오.
$('.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/
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다