-1

我创建了一个类似“你在想什么”框的 facebook，当你点击该字段时，会出现一个额外的 div 和按钮。我将如何做到这一点，以便当我在该区域之外单击时，整个框将恢复正常。

这是我创建的页面的链接

非常感谢！

4

2 回答 2

0

尝试这个：

$('body').on('click', function(e) {

  if(e.target.id != 'textarea-container') {
    $('#show-button1, #show-button2').hide();
    $('#textarea-container').removeClass('style2');
  }

});
于 2012-05-06T13:34:28.377 回答
0

更新 - 添加onclick到您的body：

<body onclick="hideDiv(event);">

JS：

function hideDiv(e){
      e = e || window.event;
      var element = e.target || e.srcElement;
      if(element.id != "textarea-container" && element.id != "show-button1" &&
         element.id != "divDate" && element.id != "show-button2"){

        var textareaContainer = document.getElementById("textarea-container");
        var txtArea = textareaContainer.getElementsByTagName("TEXTAREA")[0];
        txtArea.className = "style1";
        document.getElementById("show-button1").style.display = 'none'; // hide button
        document.getElementById("show-button2").style.display = 'none'; // hide button
      }
}
于 2012-05-06T13:36:53.800 回答