查看: 2493|回复: 4

关于文本框焦点问题 [复制链接]

gry

金牌会员

Rank: 6 Rank: 6

电梯直达

楼主

发表于 2013-6-24 08:27:00 |只看该作者 |倒序浏览

1. mini.get("username").focus();获取焦点问题。
2.我在页面加载的时候设置了某个文本框获取焦点，这个是没有问题的。
3.我在这个文本框做了一个onenter回车事件，问题来了，是没有反应的，必须是我把焦点移开，然后在点进去，这个事件才触发，不知是怎么回事。
4.我测试了原生态的input是没有这个问题的。

5.问题二，在我ajax验证了某个编号是否重复时，比如这个编号已经重复了,我做了如下操作。
mini.get("username").focus(); mini.alert(o.messageContent);
注：messageContent=“编号重复”
这个文本框没有获取到焦点。
分析是mini.alert(o.messageContent);引起的。

收藏0

factory

超级版主

Rank: 8 Rank: 8

沙发

发表于 2013-6-24 10:25:04 |只看该作者

1.我测试了，通过JS控制获得焦点，然后摁回车，也是会激发onenter事件的

2.alert之后，页面会失去焦点，所以导致你前面的focus()没有效果。你就用alert()试试

gry

金牌会员

Rank: 6 Rank: 6

板凳

发表于 2013-6-24 10:40:20 |只看该作者

本帖最后由 gry 于 2013-6-24 10:43 编辑

factory 发表于 2013-6-24 10:25
1.我测试了，通过JS控制获得焦点，然后摁回车，也是会激发onenter事件的

2.alert之后，页面会失去焦点，所 ...

1.第一次加载获取焦点，直接按回车，什么也不要做。
2.你试试3.这是我的代码，你建立一个html页面，测试一下

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
   <script src="../scripts/boot.js" type="text/javascript"></script>
</head>
<body>
<input id="t" name="t"  class="mini-textbox" required="true" style="width:150px;"/>
  <input id="b" name="b"  class="mini-password" required="true" style="width:150px;"/>
</body>
</html>
<script type="text/javascript">
mini.parse();
mini.get("t").focus();
function onpwdenter() {
      mini.get("b").focus();
}
</script>

factory

超级版主

Rank: 8 Rank: 8

地板

发表于 2013-6-24 11:06:00 |只看该作者

gry 发表于 2013-6-24 10:40
1.第一次加载获取焦点，直接按回车，什么也不要做。
2.你试试3.这是我的代码，你建立一个html页面，测试一 ...

1.window.onload = function () {
mini.get("t").focus();
}
这样写试试

2.mini.alert()会把焦点失去，你直接用alert()做

gry

金牌会员

Rank: 6 Rank: 6

5^#

发表于 2013-6-24 11:16:35 |只看该作者

factory 发表于 2013-6-24 11:06
1.window.onload = function () {
mini.get("t").focus();
}

明白了，就是用alert（）的话，弹出框的效果，和mini.alert()的效果不一样。只能先这样了。

返回列表

		自动登录	找回密码
密码			立即注册