Question

我已经修复了定位div，它在打开时必须位于页面顶部。它必须遍布整个页面。

我有一些输入作为身体的背景元素。

我想阻止/禁用并阻止来自背景元素（输入）的所有键盘/点击事件。

这是代码： https://codepen.io/anon/pen/KyGzmN

<body style="
    margin: 0;
">

<div style="
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: black;
    z-index: 9999;
    position: fixed;
    background: rgba(0,0,0,0.5);
">
 <div style="
    height: 100px;
    width: 200px;
    background: yellow;
    margin-top: 100px;
    margin-left: 100px;
">My Content In Fixed Div
</div>

</div>


  <input>
  <input>
  <input>

</body>

我可以阻止鼠标点击事件，但是当我按下tab时它会集中输入。我不想要那样。

我完全禁用/阻止背景元素。如何使用css？

我不能使用jquery.Maybe纯javascript.But我需要用css。

Answer 1

如果必须更改，请静态地或使用js将disabled="disabled"添加到输入中：

var inputs = document.getElementsByClassName('yourClass');

function disable() {
    [].forEach.call(inputs , function(input) {
    input.setAttribute('disabled', 'disabled');
    });
}

function enable() {
  [].forEach.call(inputs , function(input) {
    input.removeAttribute('disabled');
  });
}

https://jsfiddle.net/axn5wvye/8/

阻止/禁用所有背景元素

1 个答案: