鼠标放在文本框上,自动选择文本框并只可输入数字,求JQ语句


<script language="javascript" type="text/javascript">
$(document).ready(function() {        
            var data = {},
            els = $(".num");           
            els.each(function (index, obj) {
                var $this = $(this);                    
                $this.bind("keyup", function () {
                    var v = $this.val();
                    $this.val(v.replace(/\D|^0/g, '0'));
                });
            });
            });
</script><table>
 <tr>
      <td><input class="num" id="8m"  type="text" name="8m" /></td>
      <td><input class="num" id="19m" type="text" name="19m" /></td>
      <td><input class="num" id="30m" type="text" name="30m" /></td>
      <td><input class="num" id="41m" type="text" name="41m" /></td>
      <td><input class="num" id="52m" type="text" name="52m" /></td>
      </tr>
<table>文本框已经实现了只能输入数字,如果实现鼠标放上去自动选择文本框并可以输入,要支持backspace删除文本框内容<input class="num" id="8m" type="text" name="8m" onmouseover="this.focus()" onkeydown="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" /> 这样可以显示鼠标放上去就自动选择文本框,但是不能使用backspace删除文本框内容
      

解决方案 »

  1.   

    再写一个判断。。if（event.keyCode ==（backspace换成ASCII））{}。。试试
      

  2.   


    <input class="num" id="8m" type="text" name="8m" onmouseover="this.focus()" onkeydown="if ((event.keyCode < 45 || event.keyCode > 57)&&event.keyCode != 8) event.returnValue = false;" /> 
      

  3.   

    $("#文本框id").onmouseover="this.select()";
    这样行不？
      

  4.   

     
    $("#文本框id").onmouseover="this.focus()";
    $("#文本框id").onkeyup='var value=this.value;this.value=value.replace(/[^\d]/g,"")';
      

  5.   


    <script language="javascript" type="text/javascript">
    $(document).ready(function() {        
                els = $(".num");                    
                els.each(function (index, obj) {                 
                    var $this = $(this);     
                    $this.bind("onmouseover","this.select()");                
                    $this.bind("keyup", function () {
                        var v = $this.val();
                        $this.val(v.replace(/\D|^0/g, '0'));
                    });
                });
                });
    </script>
    这样写 也不行
      

  6.   

    <html>
    <head>
    <script src="jquery.js"></script>
    </head>
    <body>
    <table>
    <tr>
    <td><input class="num" id="8m"  type="text" name="8m" /></td>
    <td><input class="num" id="19m" type="text" name="19m" /></td>
    <td><input class="num" id="30m" type="text" name="30m" /></td>
    <td><input class="num" id="41m" type="text" name="41m" /></td>
    <td><input class="num" id="52m" type="text" name="52m" /></td>
    </tr>
    <table>
    <script>
    $('.num').mouseenter(function(){
    $(this).focus();
    }).keypress(function(event){
    var keycode = event.which;
    if(keycode < 48 || keycode > 57){
    event.preventDefault();
    }
    });
    </script>
    </body>
    </html>
      

  7.   

    支持Backspace,Delete删除，F5刷新等等<html>
    <head>
    <script src="jquery.js"></script>
    </head>
    <body>
    <table>
    <tr>
    <td><input class="num" id="8m"  type="text" name="8m" /></td>
    <td><input class="num" id="19m" type="text" name="19m" /></td>
    <td><input class="num" id="30m" type="text" name="30m" /></td>
    <td><input class="num" id="41m" type="text" name="41m" /></td>
    <td><input class="num" id="52m" type="text" name="52m" /></td>
    </tr>
    <table>
    <script>
    $('.num').mouseenter(function(){
    $(this).focus();
    }).keypress(function(event){
    var keycode = event.which;
    if((keycode < 48 || keycode > 57) && keycode != 0 && keycode != 8){
    event.preventDefault();
    }
    });
    </script>
    </body>
    </html>