彈出窗口javascript（如何將焦點添加到彈出窗口）

Question

如何將焦點添加到此代碼中的彈出窗口請幫助我的人。

<script> 

$(document).ready(function() { 

    //select all the a tag with name equal to modal 
    $('a[name=modal]').click(function(e) { 
     //Cancel the link behavior 
     e.preventDefault(); 

     //Get the A tag 
     var id = $(this).attr('href'); 

     //Get the screen height and width 
     var maskHeight = $(document).height(); 
     var maskWidth = $(window).width(); 

     //Set heigth and width to mask to fill up the whole screen 
     $('#mask').css({'width':maskWidth,'height':maskHeight}); 

     //transition effect  
     $('#mask').fadeIn(10); 
     $('#mask').fadeTo("fast",0.8); 

     //Get the window height and width 
     var winH = $(window).height(); 
     var winW = $(window).width(); 


     //Set the popup window to center 
     $(id).css('top', winH/8-$(id).height()/2); 
     $(id).css('left', winW/2.5-$(id).width()/2); 

     //transition effect 
     $(id).fadeIn(100); 

    }); 

    //if close button is clicked 
    $('.window .close').click(function (e) { 
     //Cancel the link behavior 
     e.preventDefault(); 

     $('#mask').hide(); 
     $('.window').hide(); 
    });  

    //if mask is clicked 
    $('#mask').click(function() { 
     $(this).hide(); 
     $('.window').hide(); 
    });   

}); 

</script> 

Answer 1

我覺得你的問題是，你希望此行

var id = $(this).attr('href'); 

給你一個window或<div>的參考（您的代碼將幾乎任何意義，如果它是一個div）並且該div是一個疊加層（不彈出）。

我認爲你需要找到創建疊加層的代碼，然後你可以在div中的一個域上「。show（）」和「。focus（）」。