如何禁止所有其他链接在一div上点击的链接在div使用javascript[重复]

Question 1

我是新来的Javascript。我希望禁止所有其他链接在一div上点击的链接在div。如果我点击中的任何链接，div，其他链接，div应禁用和不可点击.

这种代码不是使不可点击的链接的点击任何按钮。如果任何点击链接，其他链接，div应禁用和不可点击. 例如，如果接受点击链接，链接受、拒绝和反提供链接，应该不可点击和禁止。

输出

function disableButton() {
  document.querySelector("#notify-div a").removeAttribute("href");

}

<div id="notify-div">
  user_name has requested a bid price of bid for quantity of qty for mileage mileage_name of truck truck_name.
  <br> <a href='/truckianAccept/".$lastId."' id='accept' class='btn btn-primary' onclick='disableButton();'>Accept </a>
  <a href='/truckianDecline/".$lastId."' id='decline' class='btn btn-primary' onclick='disableButton();'>Decline </a> <a href='/wstCounterOffer/".$lastId."' id='counter' class='btn btn-primary' onclick='disableButton();'>Counter Offer </a>";
</div>

Question 2

而不是去除的 href你设置一个类带捕获的活动的指针在css。

function disableButtons() {
  const links = document.querySelectorAll("#notify-div a");

  links.forEach(function(link) {
    link.classList.add('disabled');
  });
}

CSS:

.disabled {
  pointer-events: none;
}

请注意， href 和 onClick 不会一起工作。你应该通过一个特定功能的每个链接处理的功能和禁止按钮之后。

HDinger · Answer 1 · 2021-11-17T07:06:40

1

而不是去除的 href你设置一个类带捕获的活动的指针在css。

function disableButtons() {
  const links = document.querySelectorAll("#notify-div a");

  links.forEach(function(link) {
    link.classList.add('disabled');
  });
}

CSS:

.disabled {
  pointer-events: none;
}

请注意， href 和 onClick 不会一起工作。你应该通过一个特定功能的每个链接处理的功能和禁止按钮之后。

HDinger

2021-11-17 07:06:40

不工作，按钮，不是残疾人，在这之后执行代码

Binsha

不是什么工作？该方案阻止任何代码从正在执行当你点击的链接，这是"无障碍"的定义。如果你想要的链接查找不同的，当然，你必须改变造型。如何做到这一点也解释在已经链接回答. 记住，你不能使用 href 和 onclick 在一起。

HDinger

因其功能可以使用与href?

Binsha

没有。你使用 href 属性url或重定向 onClick 为执行合乎逻辑的步骤。在你的情况下，需要使用 onClick. 在功能，你的通行证，你的第一个执行逻辑的连接到按钮之后电话的功能，以禁止的其他按钮。

HDinger

<a href='/truckianAccept/".$lastId."' id='接受'类='btn btn主'果='disableButton();'>接受。是它的正确方式吗？

Binsha

<a id='接受'类='btn btn主'果='executeStuffAndDisableButton();'>接受。

HDinger

为什么这个功能的'executeStuffAndDisableButton();'?

Binsha

因为你不能把href一起 onclick. 而不是你所要做的一切内部的功能，你通过：禁用的按钮以及实际逻辑

HDinger

如何禁止所有其他链接在一div上点击的链接在div使用javascript[重复]

的问题

最好的答案

其他语言

此页面有其他语言版本

受欢迎的此类别

流行的问题，在这个类别