jQuery UI 对话框 focus(event,ui) 事件

对话框是通知用户某些事情的方式。这是在用户窗口上弹出来显示下一个将发生的信息或开发人员想要向用户阐明的任何类型的信息应该知道的信息的好方法。 jQueryUI 对话框方法用于在页面内部创建一个基本的对话框窗口。它有一个标题栏和一个内容区域，默认情况下可以使用“X”图标移动、调整大小和关闭。当对话框获得焦点时触发 focus 事件。

句法：

$(".selector").dialog (
   focused: function( event, ui ) {
       console.log('focused')
   }, 

CDN 链接：首先，添加您的项目所需的 jQuery Mobile 脚本。

示例 1：

• “打开对话框”按钮将触发单击功能(#gfg)，该函数将进一步打开对话框 (#gfg2) 中的“文本区域”。
• focus( event, ui ) ：触发框获得焦点。这个焦点附加了回调函数。
  事件：类型 -> 事件

  ui : 类型 -> 对象

  回调函数： 函数( event, ui ) { console.log(‘focused’)}

HTML

  
    
    
    
    
    
    
    
      $(function () {
        $("#gfg2").dialog({
          autoOpen: false,
          focus: function (event, ui) {
            console.log("focused");
          },
        });
        $("#gfg").click(function () {
          $("#gfg2").dialog("open");
        });
      });
    
  
  
    
      jQuery UI | focus(event, ui) Event
    
    Open Dialog
  

输出：

参考： https : //api.jqueryui.com/1.9/dialog/#event-focus