新足迹 › 论坛 › 兴趣爱好区 › IT与科技 › IT专业论坛 › [大大请进] 很简单的问题：javascript focus() ...

精华好帖回顾
· 小儿女记事系列2--大花朵学中文（47楼新增两首花朵的中文诗） (2009-6-26) 清凉	· 懒人养鸡，向着全自动进发 (2018-7-5) civilization
· 【迟到的二月手记】悉尼，一座每天都在party的城（图片巨多，慎入） (2009-4-22) 小狐仙	· 小茉妈的找工日记（终结，感谢，附目录） (2011-7-13) dormimi

查看: 1698|回复: 15

[大大请进] 很简单的问题：javascript focus() [复制链接]

porcorosso

金靴族

发表于 2011-7-5 21:53 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<input type="text" id="testme" value="">
</body>
<script type="text/javascript">
document.getElementById('testme').focus();
document.getElementById('testme').onblur = function(){
if(isNaN(this.value)){
alert('stay focus');
this.focus();
return false;
}
};
</script>
</html>

复制代码

问题：按逻辑，testme如果不是Number就应该会被focus，但是试了很久都没办法。我是用Firefox5测的。各位可以看看，怎样才能让testme被focus(cursor在testme里头)？

IE没问题，好像就是Firefox/Chrome有问题。。。

[ 本帖最后由 porcorosso 于 2011-7-5 21:09 编辑 ]

coolioo

皮靴族

发表于 2011-7-5 22:05 |显示全部楼层

此文章由 coolioo 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 coolioo 所有！转贴必须注明作者、出处和本声明，并保持内容完整

其实testme已经focus了，只是你看不到而已。
你再加个input，就会看到testme其实已经focus了。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<input type="text" id="testme" value="">
<input type="text" id="testme2" value="">
</body>
<script type="text/javascript">
document.getElementById('testme').focus();
document.getElementById('testme').onblur = function(){
if(isNaN(this.value)){
alert('stay focus');
this.focus();
return false;
}
};
</script>
</html>

复制代码

[ 本帖最后由 coolioo 于 2011-7-5 21:07 编辑 ]

C.B

porcorosso

金靴族

发表于 2011-7-5 22:10 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 coolioo 于 2011-7-5 21:05 发表
其实testme已经focus了，只是你看不到而已。
你再加个input，就会看到testme其实已经focus了。

没错是focus了，但是cursor不在里头。。。这才是真正的问题

atransformer

头像被屏蔽

禁止访问

发表于 2011-7-5 22:14 |显示全部楼层

同上

此文章由 atransformer 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 atransformer 所有！转贴必须注明作者、出处和本声明，并保持内容完整

atransformer

头像被屏蔽

禁止访问

发表于 2011-7-5 22:15 |显示全部楼层

刚试了，IE8，cursor在里面。Firefox , 不在里面

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body>
   <input type="text" id="testme" value="">
   <input type="text" id="testme2" value="">
  </body>
  <script type="text/javascript">
document.getElementById('testme').focus();
document.getElementById('testme').onblur = function(){
      if(isNaN(this.value)){
         alert('stay focus');
         this.focus();
         return false;
      }
};
  </script>
</html>

[ 本帖最后由 atransformer 于 2011-7-5 21:17 编辑 ]

乱码

银靴族

发表于 2011-7-5 22:30 |显示全部楼层

此文章由乱码原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者乱码所有！转贴必须注明作者、出处和本声明，并保持内容完整

这是known issue，tabbing时在ff/chrome不work，建议你用onkeyup来做validation.

我原来都是用这个，很好的一个jQuery plug-in,如果你有一个form，很多的input要validate，这个很好，如果就1-2个就算了，手工弄就行。

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

[ 本帖最后由乱码于 2011-7-5 21:40 编辑 ]

评分

参与人数 2	积分 +7	收起理由
o2h2o	+ 3	牛啊　经验太丰富了
uowzd01	+ 4	偶对你的景仰如滔滔江水

查看全部评分

coolioo

皮靴族

发表于 2011-7-5 22:36 |显示全部楼层

此文章由 coolioo 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 coolioo 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由乱码于 2011-7-5 21:30 发表
这是known issue，tabbing时在ff/chrome不work，建议你用onkeyup来做validation.

姜还是老的辣呀

C.B

porcorosso

金靴族

发表于 2011-7-5 22:38 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

乱码改名叫辣码好了，呵呵呵

开玩笑的

atransformer

头像被屏蔽

禁止访问

发表于 2011-7-5 22:42 |显示全部楼层

[quote]原帖由乱码于 2011-7-5 21:30 发表

这是known issue，tabbing时在ff/chrome不work，建议你用onkeyup来做validation.

我原来都是用这个，很好的一个jQuery plug-in,如果你有一个form，很多的input要validate，这个很好，如果就1-2个就算了，手工弄就行。

http://bas ... [/quote

onkeyup也有问题。如果你连续键入多个字符。会出现多个 alert

乱码

银靴族

发表于 2011-7-5 22:47 |显示全部楼层

此文章由乱码原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者乱码所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 atransformer 于 2011-7-5 21:42 发表
[quote]原帖由乱码于 2011-7-5 21:30 发表
onkeyup也有问题。如果你连续键入多个字符。会出现多个 alert

嗯，this point is valid , haha~~

Dan.and.Andy

铜靴族

发表于 2011-7-6 00:19 |显示全部楼层

此文章由 Dan.and.Andy 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 Dan.and.Andy 所有！转贴必须注明作者、出处和本声明，并保持内容完整

mark 一下，去睡觉了，明天早上说说这个问题和解决方案。

frankren

铜靴族

发表于 2011-7-6 09:50 |显示全部楼层

此文章由 frankren 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 frankren 所有！转贴必须注明作者、出处和本声明，并保持内容完整

It looks this is working in firefox5, after you set a timeout. Don't know the reason(from google).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body>
   <input type="text" id="testme" value=""><br />
   <input type="text" id="Text1" value="">
  </body>
  <script type="text/javascript">
   var a = document.getElementById('testme');
document.getElementById('testme').focus();
document.getElementById('testme').onblur = function() {
      if (isNaN(this.value)) {
         alert('stay focus');
         setTimeout("a.focus()", 250);
         //          this.focus();
         return false;
      }
};
  </script>
</html>

[ 本帖最后由 frankren 于 2011-7-6 09:01 编辑 ]

linkspeed

头像被屏蔽

禁止发言

发表于 2011-7-6 10:02 |显示全部楼层

此文章由 linkspeed 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 linkspeed 所有！转贴必须注明作者、出处和本声明，并保持内容完整

那是alert的缘故。不要用alert就可以了。

Dan.and.Andy

铜靴族

发表于 2011-7-6 10:16 |显示全部楼层

有人比我还早。不是alert的原因，是w3c标准的关系，chrome和ff在focus event 时会遵守标准清理text range，有一个微小的延时，你如果使用如下代码即使时间设置为零一样工作。

....
         alert('stay focus');
         var el = this;
         setTimeout(function () { el.focus(); el.select(); }, 0);
         return false;
....

同时textbox全选，应该满足你的需要。

[ 本帖最后由 Dan.and.Andy 于 2011-7-6 09:20 编辑 ]