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

makoshen 2011-10-08 03:57:20



<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删除文本框内容

...全文

293 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

峭沙 2011-10-09

打赏
举报

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

峭沙 2011-10-09

打赏
举报

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

makoshen 2011-10-09

打赏
举报



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

这样写也不行

makoshen 2011-10-09

打赏
举报

[Quote=引用 5 楼 soonfei 的回复:]
引用 4 楼 makoshen 的回复:
引用 3 楼 sohighthesky 的回复:
onmouseover="this.select()"

这个可以,怎么写到JQ语句里啊?

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

BLUE_LG 2011-10-08

打赏
举报

 

$("#文本框id").onmouseover="this.focus()";

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

诺维斯基 2011-10-08

打赏
举报

[Quote=引用 4 楼 makoshen 的回复:]
引用 3 楼 sohighthesky 的回复:
onmouseover="this.select()"

这个可以,怎么写到JQ语句里啊?
[/Quote]
$("#文本框id").onmouseover="this.select()";
这样行不？

makoshen 2011-10-08

打赏
举报

[Quote=引用 3 楼 sohighthesky 的回复:]
onmouseover="this.select()"
[/Quote]

这个可以,怎么写到JQ语句里啊?

sohighthesky 2011-10-08

打赏
举报

onmouseover="this.select()"

咸鱼boris 2011-10-08

打赏
举报



<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;" />