jQuery实现dialog设置focus焦点的方法


Posted in Javascript onJune 10, 2015

本文实例讲述了jQuery实现dialog设置focus焦点的方法。分享给大家供大家参考。具体分析如下:

当弹出对话框,默认我们应该将焦点定位到输入的文本框,但是在dialog.show()之前写上$("#txtGroupName").focus();无法生效。

查看jQuery的官方文档后,发现dialog提供了一个focus的参数,ok,试试先~~

//显示新建项目群组对话框 
function showCreateProjectGroupDialog(i) { 
  $("#layout-createProjectGroup-pane").show().dialog({ 
    modal: true 
    , title: lmslang.listProjectGroup_Create 
    , width: 450 
    , overlay: { 
      opacity: 0.5 
    } 
    , focus: function(ev, data) { 
      $("#txtGroupName").focus(); 
    } 
    , buttons: { 
      "保存": function() { 
        var name = el("txtGroupName").value; 
        var description = el("txtDescription").value; 
        var b = $("#fgroup").valid(); 
        if (b) { 
          createGroupJson(); 
          closeCreateGroupDialog(); 
        } else { 
          showError(lmslang.formValidate_Error); 
        } 
      } 
      , "取消": function() { 
        closeCreateGroupDialog(); 
      } 
    } 
  }); 
} 
//隐藏新建项目群组对话框 
function closeCreateGroupDialog(){ 
  $("#layout-createProjectGroup-pane").dialog("close"); 
}

搞定!O(∩_∩)O..

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
滚动经典最新话题[prototype框架]下编写
Oct 03 Javascript
深入理解JavaScript系列(16) 闭包(Closures)
Apr 12 Javascript
JQuery实现表格动态增加行并对新行添加事件
Jul 30 Javascript
基于jquery实现省市联动特效
Dec 17 Javascript
基于jQuery日历插件制作日历
Mar 11 Javascript
用js实现放大镜的效果的简单实例
May 23 Javascript
bootstrap PrintThis打印插件使用详解
Feb 20 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
May 26 Javascript
JS实现按钮控制计时开始和停止功能
Jul 27 Javascript
使用jQuery实现页面定时弹出广告效果
Aug 24 jQuery
bootstrap下拉分页样式 带跳转页码
Dec 29 Javascript
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 jQuery
jQuery替换textarea中换行的方法
Jun 10 #Javascript
简介JavaScript中getUTCMonth()方法的使用
Jun 10 #Javascript
JavaScript中getUTCMinutes()方法的使用详解
Jun 10 #Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 #Javascript
jQuery获取页面元素绝对与相对位置的方法
Jun 10 #Javascript
Javascript中的getUTCHours()方法使用详解
Jun 10 #Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 #Javascript
You might like
Protoss建筑一览
2020/03/14 星际争霸
PHP导入Excel到MySQL的方法
2011/04/23 PHP
深入PHP操作MongoDB的技术总结
2013/06/02 PHP
深入理解require与require_once与include以及include_once的区别
2013/06/05 PHP
基于PHP技术开发客服工单系统
2016/01/06 PHP
深入了解PHP中的Array数组和foreach
2016/11/06 PHP
php查看一个变量的占用内存的实例代码
2020/03/29 PHP
jQuery 选择器理解
2010/03/16 Javascript
JS下载文件|无刷新下载文件示例代码
2014/04/17 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
2014/07/18 Javascript
JS实现仿FLASH效果的竖排导航代码
2015/09/15 Javascript
js实现下拉列表选中某个值的方法(3种方法)
2015/12/17 Javascript
javascript时间差插件分享
2016/07/18 Javascript
拖动时防止选中
2017/02/03 Javascript
初识NodeJS服务端开发入门(Express+MySQL)
2017/04/07 NodeJs
JavaScript实现简单动态进度条效果
2018/04/06 Javascript
小程序日历控件使用方法详解
2018/12/29 Javascript
VUE引入第三方js包及调用方法讲解
2019/03/01 Javascript
nuxt踩坑之Vuex状态树的模块方式使用详解
2019/09/06 Javascript
20多个小事例带你重温ES10新特性(小结)
2019/09/29 Javascript
[02:55]2018DOTA2国际邀请赛勇士令状不朽珍藏Ⅲ饰品一览
2018/08/01 DOTA
Python当中的array数组对象实例详解
2019/06/12 Python
如何利用Pyecharts可视化微信好友
2019/07/04 Python
使用 Python 读取电子表格中的数据实例详解
2020/04/17 Python
Python中使用threading.Event协调线程的运行详解
2020/05/02 Python
python中str内置函数用法总结
2020/12/27 Python
假日旅行社实习自我鉴定
2013/09/24 职场文书
医院护士专业个人的求职信
2013/12/09 职场文书
乡领导班子四风问题对照检查材料
2014/09/25 职场文书
酒店工程部主管岗位职责
2015/04/16 职场文书
电影地道战观后感
2015/06/04 职场文书
对领导班子的意见和建议
2015/06/08 职场文书
歌咏比赛主持词
2015/06/29 职场文书
详解MySQL事务的隔离级别与MVCC
2021/04/22 MySQL
Tomcat配置访问日志和线程数
2022/05/06 Servers
pytorch实现加载保存查看checkpoint文件
2022/07/15 Python