-1

Javascriptを使用してdivタグを無効にしたかった。隠したくない。私はFirefoxブラウザを使用しています。

divタグ内にメニューがあります。

メニューの 、1 をクリックしてページを開きます。ページにボタンがあります。そのボタンをクリックすると、ページ全体ではなくすべてのメニューが無効になります。ユーザーはどのメニューもクリックできません。

私のコードは、

<div id="div1">
    <ul id="abc">
        Menu1 Menu2 Menu3 
    </ul>
</div>

試しdocument.getElementById("div1").disabled=true; ましたがうまくいきませんでした。

4

2 に答える 2

0

この例が好きかもしれません: (「Visibility:hidden」行のコメントを外して、要素を完全に無効にします。)

function disable(elementId, enabling) {

  el = document.getElementById(elementId);


  if (enabling) {
    el.classList.remove("masked");
  } else

  {
    el.classList.add("masked");
  }
}
.masked {
  position: relative;
  pointer-events: none;
  display: inline-block;
  //visibility:hidden; /* Uncomment this for complete disabling  */
}
.masked::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  visibility: visible;
  opacity: 0.2;
  background-color: black;
  content: "";
}
<button onclick="alert('Now, click \'OK\' then \'Tab\' key to focus next button.\nThen click \'Enter\' to activate it.');">Test</button>
<div id="div1" style="display:inline-block" class="masked">
  <button onclick="alert('Sample button was clicked.')">Maskakable</button>
  <button onclick="alert('Sample button was clicked.')">Maskakable</button><br/>
  <br/>
  <button onclick="alert('Sample button was clicked.')">Maskakable</button>
  <button onclick="alert('Sample button was clicked.')">Maskakable</button>
</div>
<button>Dummy</button>

<br/>
<br/>
<br/>
<button id="enableBtn" onclick="disable('div1',true);disable('enableBtn',false);disable('disableBtn',true);">Enable</button>
<button id="disableBtn" onclick="disable('div1',false);disable('enableBtn',true);disable('disableBtn',false);"  class="masked">Disable</button>

于 2015-07-12T13:15:41.927 に答える
0

disableddiv 要素には標準属性がありません。代わりに、カスタム JS を使用して、div を「無効にする」と見なされることを行う必要があります。

于 2012-09-01T18:52:13.347 に答える