使锚标记中的特定内容不可重定向，但对于Javascript可单击

问题描述

我需要将整个 div 重定向到特定的URL。但是，在该 div 中，我还想添加其他可点击的 div 标签，以便可以对javascript进行更改。

我用锚标记包裹了父div，以使整个div及其内容重定向。

一个简化的示例：

<a href="#">
    <div class="firstContainer">
        <div class="noRedirctYesOnClickEvents"> <!-- Does not redirct but can be changed by event E.g.: click,change -->
        </div>
    </div>
    <div class="secondContainer">
         <div class="secondBox">
              <div class="noRedirctYesOnClickEvents"> <!-- Does not redirct but can be changed by event E.g.: click,change -->
              </div>
         </div>
    </div>
</a>

编辑：

onClick（）不起作用。

此外，我忘了提到我需要它与事件侦听器和JQuery函数（click（），on（），...）一起使用

给定的解决方案仅在元素数量保持相同的情况下有效。

例如：网页加载了以下元素：

<a href="#">
    <div class="firstContainer">
        <div class="noRedirctYesOnClickEvents"> <!-- Does not redirct but can be changed by event E.g.: click,change -->
              </div>
         </div>
    </div>
</a>

Javascript复制了它：

// First Section
<a href="#">
    <div class="firstContainer">
        <div class="noRedirctYesOnClickEvents"> <!-- Does not redirct but can be changed by event E.g.: click,change -->
              </div>
         </div>
    </div>
</a>

// Second Section
<a href="#">
    <div class="firstContainer">
        <div class="noRedirctYesOnClickEvents"> <!-- Does not redirct but can be changed by event E.g.: click,change -->
              </div>
         </div>
    </div>
</a>

给出的解决方案不适用于第二部分，仅适用于第一部分。

第二部分是使用以下JQuery / Javascript代码创建的：


let el = `
<a href="#">
    <div class="firstContainer">
        <div class="noRedirctYesOnClickEvents"> <!-- Does not redirct but can be changed by event E.g.: click,change -->
              </div>
         </div>
    </div>
</a>
`;

document.append(el);

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html redirect url