javascript - 如何限制 .the keydown JavaScript 事件？

Question

这是文件 http://www.frysa.us/Arctext/Size.html

我尝试使用 if 语句来限制字体大小：

<script>
$(function(){

 var KEY_UP = 38;
 var KEY_DOWN = 40;

 //Set listener for keydown
 $(document).keydown(function(e){
 $("anything").html("- keydown -");
   switch(e.which){
   case KEY_UP:
 var fontsize = parseInt($("#example4").css("font-size")) + 2;
 $("#example4").css("font-size", fontsize+"px");

if (("#example4").css("font-size")<20){
alert("it is less than 20")
//some sort of code to limit the font-size
}


 break;
case KEY_DOWN:
 var fontsize = parseInt($("#example4").css("font-size")) - 2;
 $("#example4").css("font-size", fontsize+"px");
 break;
   }
 });

});
</script>

运气不太好..有人能指出我正确的方向吗

Answer 1

您只需要将 CSS 字符串转换为整数。尝试使用replace：

var fontSize = $("#example4").css("font-size");
var intFontSize = parseInt(fontSize.replace('px',''));
if (intFontSize<20){
    alert("it is less than 20")
    //some sort of code to limit the font-size
}

（另外，请注意您有一个错字，此行缺少$）：

if (("#example4").css("font-size")<20){