-1

我想使用 Javascript 禁用 div 标签。我不想隐藏它。我正在使用火狐浏览器。

我的菜单在 div 标签内。

我正在单击菜单中的 1 个并打开一个页面。在页面上，我有一个按钮。单击该按钮时，我想禁用所有菜单但不是整个页面。用户不能点击任何菜单。

我的代码是，

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

我试过document.getElementById("div1").disabled=true; 但没有用。

4

2 回答 2

0

Div 元素没有标准disabled属性。您必须使用自定义 JS 来执行您认为“禁用” div 的操作。

于 2012-09-01T18:52:13.347 回答
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 回答