1、首先打開hbuilder編輯器，新建壹個html文檔，在html文檔中輸入壹個input框，設置形式為text，給它壹個id，命名為ant並在上方的style裏設置簡單的樣式：
2、然後在下方新建壹個script標簽，首先用window.onload設置當文檔內容完全加載完畢再去執行函數中的代碼，然後獲取文本框對象，接著為文本框註冊keyup事件處理函數，判斷輸入為非數字時彈出警告：
3、最後用onbeforepaste和oncontextmenu函數防止用戶右鍵復制黏貼：
4、寫好代碼後，來到編輯器右側的瀏覽器，在這裏輸入壹段數字：
5、當輸入字母時，就會彈出警告了，至此js控制文本框只能輸入數字的功能就實現了：