Javascript 标记HTML以允许右键单击的正确方法；在新选项卡中打开“打开”；上下文菜单中的选项

我四处搜寻，但似乎没有任何问题能够解决这个问题

我有以下标记：

<li>
  <div class="box-brochure-slide" onclick="window.location='product.php?item=TEC%2FSR-888HP-SS';">
    <div class="boxInner-item">
            <div class="triangle-topright-cover"></div>
      <div class="triangle-topright-red"></div>
      <div class="label-limitedsets">LIMITED SETS</div>
      <img class="lazy" alt="" src="img/pixel.png" data-original="user/picture/TEC-SR-888HP-SS.jpg">
      <div class="ui content">
                <div class="productbrand">TECNO</div>
        <div class="productname">TECNO SR-888HP-SS 2 X HI POWER BURNERS, 1 X MED BURNER, <br>BATTERY AUTO IGNITION</div>
        <div class="price">
          <div class="specialprice"><div class="specialprice-name">Crazy Price</div><span class="pricecurrency">$</span>488<span class="pricecents">00</span></div>
          <div class="usualprice">U.P. $588.00</div>
        </div>
      </div>
    </div>
  </div>
</li>

有限集
TECNO
TECNO SR-888HP-SS 2个高功率燃烧器，1个MED燃烧器，
电池自动点火
疯狂的价格$48800
单价588.00美元

但是，当我尝试右键单击网页上的

时，我没有在新选项卡中打开的选项。这里的标记有什么问题

编辑：我在一些资料中读到

可以解决问题，但我不希望将整个

包装在锚定标记中。有办法做到这一点吗

---

注意：我不希望右键单击在新选项卡中打开。我只希望在右键单击时，有一个选项可以在新选项卡中打开。

要在右键单击时在新选项卡中打开，首先需要检查鼠标单击事件，然后打开链接

<div id="open">open</div>

$('#open').mousedown(function(event) {
if(event.which == 3) {        //Right click event
   window.open('http://google.com','_newtab'); // To open in new tab
} else{
   alert('Please Right click to open');
}});

打开
$（“#打开”）.mousedown（函数（事件）{
如果（event.which==3）{//右键单击事件
打开窗户http://google.com“，”新选项卡“；//在新选项卡中打开
}否则{
警报（“请右键单击打开”）；
}});

---

虽然您不想使用该元素，但如果您将最上面的div替换为“a”，而保留类id和css不变，则使用“在新选项卡中打开”选项将获得相同的外观同样如此。

为此，您需要使用

标记，并将

href

属性传递给标记

在新选项卡中打开

仅显示在锚定

a

tags@Leopard这意味着在我右键单击时，我无法获得“在新选项卡中打开”选项，除非我用锚点将它们包裹起来？@iWillGetBetter正确，否则，将无法在新选项卡中打开任何内容。上下文菜单不知道您的js函数这里是一个示例，说明如果您非常喜欢@delighted0d，那么如何使用自定义的

上下文菜单
，这真的很有帮助！谢谢！：）“标记HTML以允许在新选项卡中单击鼠标右键打开的正确方法”我知道您的意图是提供一个替代解决方案，但FWIW，这并不能回答您的更新在技术上可行的问题，但这是非常意外的行为。我不希望右键点击一个元素自动打开一个新的标签页，就我个人而言，这会让我恼火