如何限制.chydown JavaScript事件？

Question

這是使用if statment

<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> 

沒有多少運氣文件 http://www.frysa.us/Arctext/Size.html

我試圖限制字體大小..有人點我在正確的方向

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){