2011年11月24日星期四

js中的preventDefault

官方的解释: Cancels the event if it is cancelable, without stopping further propagation of the event.

比如要禁止已经点击的link再点击时刷新页面(通常我们在编辑器中不希望这样,页面会被清空),可以用类似下面代码:

<script type="text/javascript">
    $('#navigation').find("li.active a").click(function(evt) {
         evt.preventDefault();
     });
</script>

下面是两个例子

Please click on the checkbox control.

Please enter your name using lowercase letters only.

代码:

<script type="text/javascript">
  
      
    function stopDefAction(evt) {  
      evt.preventDefault();  
    }  
 
   function checkName(evt) {  
     var charCode = evt.charCode;  
    
     if (charCode != 0) {  
       if (charCode < 97 || charCode > 122) {  
         evt.preventDefault();  
         alert("Please use lowercase letters only." + "\n"  
           + "charCode: " + charCode + "\n"  
        );  
       }  
    }
 
 }  

special thanks htmlencode

没有评论:

发表评论