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

前端技术 2023/09/07 JavaScript

本文实例讲述了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程序设计有所帮助。

本文地址：https://www.stayed.cn/item/20000

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案