-1

フィールドをクリックすると追加のdivとボタンが表示される「あなたの心にあること」ボックスのようなFacebookを作成しました。その領域の外側をクリックすると、ボックス全体が通常に戻るようにするにはどうすればよいですか。

作成したページへのリンクはこちら

どうもありがとう！

4

2 に答える 2

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 に答える
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 に答える