主页 / 问题 / 696417
Accepted
Fangog
Asked:2020-07-22 21:21:50 +0000 UTC2020-07-22 21:21:50 +0000 UTC

单击其中的某个元素时如何禁用链接？

  • 772

在线商店有一个商品目录，每个产品都完全设计为一个链接。

但是这个块里面也有按钮，怎么保证当你点击链接里面的按钮的时候，没有过渡呢？

javascript

2 个回答

  1. Best Answer

    感谢@Grundy
    在沙箱中，可以从控制台了解点击了什么和没有点击什么。魔法在event.stopPropagination

    document.getElementById('123').onclick = worker;

function worker(event) {
  event.stopPropagation();
  // do your code here
  console.log('button clicked');
}
document.querySelector('a').onclick = worker2;

function worker2() {
  console.log('a clicked');
}
    a div {
  height: 100px;
  width: 100px;
  color: red;
}
    <a target="_blank" href='google.ru'>
  <div>123</div>
  <button id='123'>Моя кнопка</button>
</a>

    • 4
    • 1

相关问题