2011年10月22日 星期六

javascript(6.1) - event, onkerpress


onkeypress當鍵盤被按下時觸發,這個event算蠻常用的,尤其是想要限制使用者的輸入範圍時。 其範例如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>   <title></title> </head> <body>   <script type="text/javascript">     function noNumbers(e)     {        var keynum        var keychar        var numcheck        if (window.event) { // IE          keynum = window.event.keyCode        } else if(e.which) { // Netscape/Firefox/Opera          keynum = e.which        }        alert(keynum)        keychar = String.fromCharCode(keynum)        numcheck = /\d/        return !numcheck.test(keychar)     }   </script>   <form>     <input type="text" onkeypress="return noNumbers(event)">     <input type="text" id="k">   </form>   <script type="text/javascript">     document.getElementById("k").onkeypress = noNumbers;   </script> </body> </html>
這邊要注意的是,不同的瀏覽器會由不同的方式取得該event的值。


參考資料:W3schools, onkeypress Event


熱門文章