Select 多个元素并使用 JavaScript 进行修改

Question

这是我的代码：

// "cls" returned document.getElementsByClassName()

if (cls('disableCM') != null) {
    cls('disableCM').setAttribute('oncontextmenu', 'return false');
}

我希望每个使用 class="disableCM" 的标签都被 return 设置为 false。我想用“return false”设置属性“contextmenu”。但是上面的代码只适用于第一个元素。

Answer 1

根据问题的基本思路，我假设您正在尝试避免右键单击某些元素。为此，您必须将事件侦听器附加到每个元素。为了做到这一点，下面是一段工作代码。灰色的项目是禁用的，如果你右击，它不会显示上下文菜单，而在其他元素上它会显示上下文菜单。

var disabled = document.getElementsByClassName("disableCM");
Array.prototype.forEach.call(disabled, (element) => {
  element.oncontextmenu = function() {
    return false;
  }
});

.disableCM {
  background: grey;
}

div {
  height: 50px;
}

<div class="disableCM">Element 1</div>
<div class="disableCM">Element 2</div>
<div class="disableCM">Element 3</div>
<div>Element 6</div>
<div class="disableCM">Element 4</div>
<div>Element 5</div>

Select 多个元素并使用 JavaScript 进行修改

Select multiple elements and modify using JavaScript

html

javascript

menu