jQuery MiniUI

标题: 关于文本框焦点问题 [打印本页]

作者: gry    时间: 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);引起的。

作者: factory    时间: 2013-6-24 10:25:04

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

2.alert之后,页面会失去焦点,所以导致你前面的focus()没有效果。你就用alert()试试
作者: gry    时间: 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    时间: 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    时间: 2013-6-24 11:16:35

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

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




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2