无法获得当前关注的元素

Question

我正在使用jquery autoresize插件来调整我的textarea

在插件中我有这样的东西..

(function($){   
    $.fn.autoResize = function(options, idToBeShown) {

    updateSize = function() {
      //shows the content underneath the textbox with a slidedown effect    
    },

    resetSize = function(event) {
      //Slide up and hide the contents underneath the textarea  
    },


  textarea
    .unbind('.dynSiz')
    .bind('keyup.dynSiz', updateSize)
    .bind('keydown.dynSiz', updateSize)
    .bind('focus',updateSize)   //slide's down when focused
    .bind('focusout',changeSize)    //Slide up and hide the contents underneath the textarea
    .bind('change.dynSiz', updateSize);



  });

我的问题是，当我点击textarea下方的区域时，textarea不应该是slideUp而是 当我点击身体的任何地方时，它应该向上滑动..

所以我这样做了..

resetSize = function(event) {
//check the current focused element if it is the div area under text do do anything else slideup    
},

我无法获得当前关注的元素

1）document.activeElement返回正文

2）尝试过（“：焦点”）;

3）是（“：active”）

没有任何作用......注意我还在div元素中添加了'id'。

Answer 1

试试这个：

updateSize（）

//process
$('#divId').addClass('active');

resetSize（）

if($('#divId').hasClass('active')){
    //process
    $('#divId').removeClass('active');
}

Answer 2

$(":input").focus(function () {

    $(document).click(function(e) {
         //resetSize;
    });

});